Produced by Araxis Merge on 2021-07-21 10:21:52 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.
| # | Location | File | Last Modified |
|---|---|---|---|
| 1 | /Applications/Ampps/www/Porto v4.0.0/Theme Files/Magento 2.x/Porto Theme/app/code/Smartwave/Porto/etc/import | pages.xml | 2021-04-30 08:32:12 +0000 |
| 2 | /Applications/Ampps/www/Porto v4.0.1/Theme Files/Magento 2.x/Porto Theme/app/code/Smartwave/Porto/etc/import | pages.xml | 2021-07-20 09:23:38 +0000 |
| Description | Between Files 1 and 2 | |
|---|---|---|
| Text Blocks | Lines | |
| Unchanged | 2 | 41982 |
| Changed | 0 | 0 |
| Inserted | 1 | 5666 |
| Removed | 0 | 0 |
| Whitespace | Consecutive whitespace is treated as a single space |
|---|---|
| Character case | Differences in character case are significant |
| Line endings | Differences in line endings (CR and LF characters) are ignored |
| CR/LF characters | Not shown in the comparison detail |
| Active line-pairing rules |
No regular expressions were active.
| 1 | <root> | 1 | <root> | |||
| 2 | 2 | |||||
| 3 | <pages> | 3 | <pages> | |||
| 4 | 4 | |||||
| 5 | <cms_item> | 5 | <cms_item> | |||
| 6 | 6 | |||||
| 7 | <title> | 7 | <title> | |||
| 8 | Porto - Homepage 1 | 8 | Porto - Homepage 1 | |||
| 9 | </title> | 9 | </title> | |||
| 10 | 10 | |||||
| 11 | <identifier> | 11 | <identifier> | |||
| 12 | porto_home_1 | 12 | porto_home_1 | |||
| 13 | </identifier> | 13 | </identifier> | |||
| 14 | 14 | |||||
| 15 | <content> | 15 | <content> | |||
| 16 | <![CDATA[<div class="porto-block"> | 16 | <![CDATA[<div class="porto-block"> | |||
| 17 | <style> | 17 | <style> | |||
| 18 | @media (min-width: 992px) { | 18 | @media (min-width: 992px) { | |||
| 19 | .page-header .nav-sections { | 19 | .page-header .nav-sections { | |||
| 20 | display: none; | 20 | display: none; | |||
| 21 | } | 21 | } | |||
| 22 | } | 22 | } | |||
| 23 | .vc_custom_1569859408078 { | 23 | .vc_custom_1569859408078 { | |||
| 24 | border: 1px solid #e7e7e7; | 24 | border: 1px solid #e7e7e7; | |||
| 25 | } | 25 | } | |||
| 26 | .header-top-ads .porto-sicon-default .porto-icon { | 26 | .header-top-ads .porto-sicon-default .porto-icon { | |||
| 27 | margin-right: 0.5rem; | 27 | margin-right: 0.5rem; | |||
| 28 | } | 28 | } | |||
| 29 | .header-top-ads .porto-sicon-box { | 29 | .header-top-ads .porto-sicon-box { | |||
| 30 | justify-content: center; | 30 | justify-content: center; | |||
| 31 | padding-top: 0.75rem; | 31 | padding-top: 0.75rem; | |||
| 32 | padding-bottom: 0.75rem; | 32 | padding-bottom: 0.75rem; | |||
| 33 | margin: 0.75rem 0; | 33 | margin: 0.75rem 0; | |||
| 34 | border-right: 1px solid #e7e7e7; | 34 | border-right: 1px solid #e7e7e7; | |||
| 35 | } | 35 | } | |||
| 36 | .header-top-ads .col-lg-4:last-child .porto-sicon-box { | 36 | .header-top-ads .col-lg-4:last-child .porto-sicon-box { | |||
| 37 | border: none; | 37 | border: none; | |||
| 38 | } | 38 | } | |||
| 39 | @media (max-width: 991px) { | 39 | @media (max-width: 991px) { | |||
| 40 | .header-top-ads .porto-sicon-box { | 40 | .header-top-ads .porto-sicon-box { | |||
| 41 | border-right: none; | 41 | border-right: none; | |||
| 42 | justify-content: flex-start; | 42 | justify-content: flex-start; | |||
| 43 | padding: 0.75rem 1.5rem; | 43 | padding: 0.75rem 1.5rem; | |||
| 44 | } | 44 | } | |||
| 45 | .header-top-ads .col-lg-4:not(:last-child) { | 45 | .header-top-ads .col-lg-4:not(:last-child) { | |||
| 46 | border-bottom: 1px solid #e7e7e7; | 46 | border-bottom: 1px solid #e7e7e7; | |||
| 47 | } | 47 | } | |||
| 48 | } | 48 | } | |||
| 49 | </style> | 49 | </style> | |||
| 50 | <div class="container"> | 50 | <div class="container"> | |||
| 51 | <div class="row header-top-ads vc_custom_1569859408078 no-padding"> | 51 | <div class="row header-top-ads vc_custom_1569859408078 no-padding"> | |||
| 52 | <div class="col-md-12 col-lg-4 d-flex justify-content-center flex-column"> | 52 | <div class="col-md-12 col-lg-4 d-flex justify-content-center flex-column"> | |||
| 53 | <div class="wpb_wrapper vc_column-inner"> | 53 | <div class="wpb_wrapper vc_column-inner"> | |||
| 54 | <div class="porto-sicon-box style_1 default-icon"> | 54 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 55 | <div class="porto-sicon-default"> | 55 | <div class="porto-sicon-default"> | |||
| 56 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 56 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 57 | <div class="porto-icon none" style="color: #222529; font-size: 35px; display: inline-block;"><i class="porto-icon-shipping"></i></div> | 57 | <div class="porto-icon none" style="color: #222529; font-size: 35px; display: inline-block;"><i class="porto-icon-shipping"></i></div> | |||
| 58 | </div> | 58 | </div> | |||
| 59 | </div> | 59 | </div> | |||
| 60 | <div class="porto-sicon-header"> | 60 | <div class="porto-sicon-header"> | |||
| 61 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 1;">FREE SHIPPING & RETURN</h3> | 61 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 1;">FREE SHIPPING & RETURN</h3> | |||
| 62 | <p style="font-weight: 300; font-size: 13px; line-height: 1.2;">Free shipping on all orders over $99</p> | 62 | <p style="font-weight: 300; font-size: 13px; line-height: 1.2;">Free shipping on all orders over $99</p> | |||
| 63 | </div> | 63 | </div> | |||
| 64 | </div> | 64 | </div> | |||
| 65 | </div> | 65 | </div> | |||
| 66 | </div> | 66 | </div> | |||
| 67 | <div class="col-md-12 col-lg-4 d-flex justify-content-center flex-column"> | 67 | <div class="col-md-12 col-lg-4 d-flex justify-content-center flex-column"> | |||
| 68 | <div class="wpb_wrapper vc_column-inner"> | 68 | <div class="wpb_wrapper vc_column-inner"> | |||
| 69 | <div class="porto-sicon-box style_1 default-icon"> | 69 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 70 | <div class="porto-sicon-default"> | 70 | <div class="porto-sicon-default"> | |||
| 71 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 71 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 72 | <div class="porto-icon none" style="color: #222529; font-size: 37px; display: inline-block;"><i class="porto-icon-money"></i></div> | 72 | <div class="porto-icon none" style="color: #222529; font-size: 37px; display: inline-block;"><i class="porto-icon-money"></i></div> | |||
| 73 | </div> | 73 | </div> | |||
| 74 | </div> | 74 | </div> | |||
| 75 | <div class="porto-sicon-header"> | 75 | <div class="porto-sicon-header"> | |||
| 76 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 1;">MONEY BACK GUARANTEE</h3> | 76 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 1;">MONEY BACK GUARANTEE</h3> | |||
| 77 | <p style="font-weight: 300; font-size: 13px; line-height: 1.2;">100% money back guarantee</p> | 77 | <p style="font-weight: 300; font-size: 13px; line-height: 1.2;">100% money back guarantee</p> | |||
| 78 | </div> | 78 | </div> | |||
| 79 | </div> | 79 | </div> | |||
| 80 | </div> | 80 | </div> | |||
| 81 | </div> | 81 | </div> | |||
| 82 | <div class="col-md-12 col-lg-4 d-flex justify-content-center flex-column"> | 82 | <div class="col-md-12 col-lg-4 d-flex justify-content-center flex-column"> | |||
| 83 | <div class="wpb_wrapper vc_column-inner"> | 83 | <div class="wpb_wrapper vc_column-inner"> | |||
| 84 | <div class="porto-sicon-box style_1 default-icon"> | 84 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 85 | <div class="porto-sicon-default"> | 85 | <div class="porto-sicon-default"> | |||
| 86 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 86 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 87 | <div class="porto-icon none" style="color: #222529; font-size: 37px; display: inline-block;"><i class="porto-icon-support"></i></div> | 87 | <div class="porto-icon none" style="color: #222529; font-size: 37px; display: inline-block;"><i class="porto-icon-support"></i></div> | |||
| 88 | </div> | 88 | </div> | |||
| 89 | </div> | 89 | </div> | |||
| 90 | <div class="porto-sicon-header"> | 90 | <div class="porto-sicon-header"> | |||
| 91 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 1;">ONLINE SUPPORT 24/7</h3> | 91 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 1;">ONLINE SUPPORT 24/7</h3> | |||
| 92 | <p style="font-weight: 300; font-size: 13px; line-height: 1.2;">Lorem ipsum dolor sit amet.</p> | 92 | <p style="font-weight: 300; font-size: 13px; line-height: 1.2;">Lorem ipsum dolor sit amet.</p> | |||
| 93 | </div> | 93 | </div> | |||
| 94 | </div> | 94 | </div> | |||
| 95 | </div> | 95 | </div> | |||
| 96 | </div> | 96 | </div> | |||
| 97 | </div> | 97 | </div> | |||
| 98 | </div> | 98 | </div> | |||
| 99 | </div> | 99 | </div> | |||
| 100 | <div class="main-content-wrapper"> | 100 | <div class="main-content-wrapper"> | |||
| 101 | <div class="container"> | 101 | <div class="container"> | |||
| 102 | <div class="row"> | 102 | <div class="row"> | |||
| 103 | <div class="col-lg-3 porto-home-sidebar" style="margin-top: 20px;margin-bottom:10px;"> | 103 | <div class="col-lg-3 porto-home-sidebar" style="margin-top: 20px;margin-bottom:10px;"> | |||
| 104 | <div class="sidebar-content"> | 104 | <div class="sidebar-content"> | |||
| 105 | <div class="widget_sidebar_menu main-sidebar-menu"> | 105 | <div class="widget_sidebar_menu main-sidebar-menu"> | |||
| 106 | <div class="widget-title">Browse Categories</div> | 106 | <div class="widget-title">Browse Categories</div> | |||
| 107 | <div class="sidebar-menu-wrap" style="margin-bottom: -1px;"> | 107 | <div class="sidebar-menu-wrap" style="margin-bottom: -1px;"> | |||
| 108 | {{block class="Smartwave\Megamenu\Block\Topmenu" name="sw.sidenav" template="Smartwave_Megamenu::sidemenu.phtml" ttl="3600"}} | 108 | {{block class="Smartwave\Megamenu\Block\Topmenu" name="sw.sidenav" template="Smartwave_Megamenu::sidemenu.phtml" ttl="3600"}} | |||
| 109 | </div> | 109 | </div> | |||
| 110 | </div> | 110 | </div> | |||
| 111 | <div class="widget widget-block" style="margin-top: 20px;"> | 111 | <div class="widget widget-block" style="margin-top: 20px;"> | |||
| 112 | <div class="porto-block"> | 112 | <div class="porto-block"> | |||
| 113 | <style> | 113 | <style> | |||
| 114 | .info-box-small-wrap { | 114 | .info-box-small-wrap { | |||
| 115 | padding: 0 30px 10px; | 115 | padding: 0 30px 10px; | |||
| 116 | } | 116 | } | |||
| 117 | .info-box-small-wrap .porto-sicon-top { | 117 | .info-box-small-wrap .porto-sicon-top { | |||
| 118 | position: relative; | 118 | position: relative; | |||
| 119 | padding-top: 25px; | 119 | padding-top: 25px; | |||
| 120 | } | 120 | } | |||
| 121 | .info-box-small-wrap .custom-info-1 .porto-sicon-top:before { | 121 | .info-box-small-wrap .custom-info-1 .porto-sicon-top:before { | |||
| 122 | content: ""; | 122 | content: ""; | |||
| 123 | position: absolute; | 123 | position: absolute; | |||
| 124 | top: 0; | 124 | top: 0; | |||
| 125 | height: 25px; | 125 | height: 25px; | |||
| 126 | left: 50%; | 126 | left: 50%; | |||
| 127 | border-left: 1px solid #e7e7e7; | 127 | border-left: 1px solid #e7e7e7; | |||
| 128 | } | 128 | } | |||
| 129 | .info-box-small-wrap .porto-sicon-header .porto-sicon-title { | 129 | .info-box-small-wrap .porto-sicon-header .porto-sicon-title { | |||
| 130 | font-family: "Poppins"; | 130 | font-family: "Poppins"; | |||
| 131 | position: relative; | 131 | position: relative; | |||
| 132 | display: inline-block; | 132 | display: inline-block; | |||
| 133 | } | 133 | } | |||
| 134 | .info-box-small-wrap .porto-sicon-description { | 134 | .info-box-small-wrap .porto-sicon-description { | |||
| 135 | font-family: "Poppins"; | 135 | font-family: "Poppins"; | |||
| 136 | position: relative; | 136 | position: relative; | |||
| 137 | } | 137 | } | |||
| 138 | .info-box-small-wrap .porto-sicon-title sup { | 138 | .info-box-small-wrap .porto-sicon-title sup { | |||
| 139 | font-weight: 700; | 139 | font-weight: 700; | |||
| 140 | font-size: 60%; | 140 | font-size: 60%; | |||
| 141 | letter-spacing: normal; | 141 | letter-spacing: normal; | |||
| 142 | } | 142 | } | |||
| 143 | .info-box-small-wrap .porto-sicon-title sub { | 143 | .info-box-small-wrap .porto-sicon-title sub { | |||
| 144 | font-family: "Poppins"; | 144 | font-family: "Poppins"; | |||
| 145 | font-size: 16px; | 145 | font-size: 16px; | |||
| 146 | text-transform: uppercase; | 146 | text-transform: uppercase; | |||
| 147 | font-weight: 700; | 147 | font-weight: 700; | |||
| 148 | position: absolute; | 148 | position: absolute; | |||
| 149 | right: 0; | 149 | right: 0; | |||
| 150 | bottom: 7px; | 150 | bottom: 7px; | |||
| 151 | line-height: 1.4em; | 151 | line-height: 1.4em; | |||
| 152 | letter-spacing: normal; | 152 | letter-spacing: normal; | |||
| 153 | } | 153 | } | |||
| 154 | .info-box-small-wrap .porto-sicon-title small, | 154 | .info-box-small-wrap .porto-sicon-title small, | |||
| 155 | .info-box-small-wrap .porto-sicon-description small { | 155 | .info-box-small-wrap .porto-sicon-description small { | |||
| 156 | position: absolute; | 156 | position: absolute; | |||
| 157 | left: -21px; | 157 | left: -21px; | |||
| 158 | bottom: 32px; | 158 | bottom: 32px; | |||
| 159 | font-size: 10px; | 159 | font-size: 10px; | |||
| 160 | font-family: "Open Sans"; | 160 | font-family: "Open Sans"; | |||
| 161 | font-weight: 700; | 161 | font-weight: 700; | |||
| 162 | color: #777; | 162 | color: #777; | |||
| 163 | opacity: 0.6; | 163 | opacity: 0.6; | |||
| 164 | transform: rotateZ(-90deg); | 164 | transform: rotateZ(-90deg); | |||
| 165 | letter-spacing: normal; | 165 | letter-spacing: normal; | |||
| 166 | } | 166 | } | |||
| 167 | .info-box-small-wrap .porto-sicon-description small { | 167 | .info-box-small-wrap .porto-sicon-description small { | |||
| 168 | left: 26px; | 168 | left: 26px; | |||
| 169 | top: 2px; | 169 | top: 2px; | |||
| 170 | height: 25px; | 170 | height: 25px; | |||
| 171 | } | 171 | } | |||
| 172 | .porto-sicon-read span { | 172 | .porto-sicon-read span { | |||
| 173 | display: none; | 173 | display: none; | |||
| 174 | } | 174 | } | |||
| 175 | .porto-sicon-box .porto-sicon-read { | 175 | .porto-sicon-box .porto-sicon-read { | |||
| 176 | display: inline-block; | 176 | display: inline-block; | |||
| 177 | text-decoration: none !important; | 177 | text-decoration: none !important; | |||
| 178 | font-size: 0.8125rem; | 178 | font-size: 0.8125rem; | |||
| 179 | font-weight: 700; | 179 | font-weight: 700; | |||
| 180 | color: #fff !important; | 180 | color: #fff !important; | |||
| 181 | background: #222529; | 181 | background: #222529; | |||
| 182 | padding: 0.75em 2.25em; | 182 | padding: 0.75em 2.25em; | |||
| 183 | margin-top: 1rem; | 183 | margin-top: 1rem; | |||
| 184 | letter-spacing: 0; | 184 | letter-spacing: 0; | |||
| 185 | } | 185 | } | |||
| 186 | .info-box-small-wrap .porto-sicon-box { | 186 | .info-box-small-wrap .porto-sicon-box { | |||
| 187 | margin-bottom: 0.5rem; | 187 | margin-bottom: 0.5rem; | |||
| 188 | } | 188 | } | |||
| 189 | .custom-rotate-1 { | 189 | .custom-rotate-1 { | |||
| 190 | display: inline-block; | 190 | display: inline-block; | |||
| 191 | transform: rotate(-2deg); | 191 | transform: rotate(-2deg); | |||
| 192 | } | 192 | } | |||
| 193 | .custom-info-2 .porto-sicon-top { | 193 | .custom-info-2 .porto-sicon-top { | |||
| 194 | margin-top: 35px; | 194 | margin-top: 35px; | |||
| 195 | } | 195 | } | |||
| 196 | .custom-info-2 .porto-sicon-header { | 196 | .custom-info-2 .porto-sicon-header { | |||
| 197 | position: absolute; | 197 | position: absolute; | |||
| 198 | top: 16px; | 198 | top: 16px; | |||
| 199 | white-space: nowrap; | 199 | white-space: nowrap; | |||
| 200 | } | 200 | } | |||
| 201 | .custom-info-2 .porto-sicon-description small { | 201 | .custom-info-2 .porto-sicon-description small { | |||
| 202 | left: 33px; | 202 | left: 33px; | |||
| 203 | } | 203 | } | |||
| 204 | .custom-info-2 .coupon-sale-text b, | 204 | .custom-info-2 .coupon-sale-text b, | |||
| 205 | .custom-open-sans .coupon-sale-text b { | 205 | .custom-open-sans .coupon-sale-text b { | |||
| 206 | font-weight: 700; | 206 | font-weight: 700; | |||
| 207 | } | 207 | } | |||
| 208 | .custom-info-2 h4, | 208 | .custom-info-2 h4, | |||
| 209 | .custom-info-2 strong, | 209 | .custom-info-2 strong, | |||
| 210 | .custom-open-sans h4, | 210 | .custom-open-sans h4, | |||
| 211 | .custom-open-sans strong { | 211 | .custom-open-sans strong { | |||
| 212 | font-family: "Open Sans"; | 212 | font-family: "Open Sans"; | |||
| 213 | } | 213 | } | |||
| 214 | </style> | 214 | </style> | |||
| 215 | <div class="info-box-small-wrap" style="border: 1px solid #e7e7e7; border-radius: 2px;"> | 215 | <div class="info-box-small-wrap" style="border: 1px solid #e7e7e7; border-radius: 2px;"> | |||
| 216 | <div class="porto-carousel owl-carousel dots-style-1 mb-4 pb-1"> | 216 | <div class="porto-carousel owl-carousel dots-style-1 mb-4 pb-1"> | |||
| 217 | <div class="porto-sicon-box custom-info-1 style_1 top-icon"> | 217 | <div class="porto-sicon-box custom-info-1 style_1 top-icon"> | |||
| 218 | <div class="porto-sicon-top"> | 218 | <div class="porto-sicon-top"> | |||
| 219 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 219 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 220 | <div class="porto-sicon-img" style="display: inline-block; font-size: 113px;"> | 220 | <div class="porto-sicon-img" style="display: inline-block; font-size: 113px;"> | |||
| 221 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/01/shop1_off.png"}}" alt="" /> | 221 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/01/shop1_off.png"}}" alt="" /> | |||
| 222 | </div> | 222 | </div> | |||
| 223 | </div> | 223 | </div> | |||
| 224 | </div> | 224 | </div> | |||
| 225 | <div class="porto-sicon-header"> | 225 | <div class="porto-sicon-header"> | |||
| 226 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 70px; line-height: 1; letter-spacing: -0.05em;"><small>UP TO</small>50<sup>%</sup><sub>off</sub></h3> | 226 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 70px; line-height: 1; letter-spacing: -0.05em;"><small>UP TO</small>50<sup>%</sup><sub>off</sub></h3> | |||
| 227 | </div> | 227 | </div> | |||
| 228 | <div class="porto-sicon-description" style="letter-spacing: -0.025em;"> | 228 | <div class="porto-sicon-description" style="letter-spacing: -0.025em;"> | |||
| 229 | Bags, Clothing, T-Shirts, Shoes, Watches and much more...<a class="porto-sicon-read" href="#">VIEW SALE<span> »</span></a> | 229 | Bags, Clothing, T-Shirts, Shoes, Watches and much more...<a class="porto-sicon-read" href="#">VIEW SALE<span> »</span></a> | |||
| 230 | </div> | 230 | </div> | |||
| 231 | </div> | 231 | </div> | |||
| 232 | <div class="porto-sicon-box custom-open-sans style_1 top-icon"> | 232 | <div class="porto-sicon-box custom-open-sans style_1 top-icon"> | |||
| 233 | <div class="porto-sicon-top"> | 233 | <div class="porto-sicon-top"> | |||
| 234 | <div class="porto-just-icon-wrapper" style="text-align: center; margin-bottom: 30px;"> | 234 | <div class="porto-just-icon-wrapper" style="text-align: center; margin-bottom: 30px;"> | |||
| 235 | <div class="porto-sicon-img" style="display: inline-block; font-size: 166px;"> | 235 | <div class="porto-sicon-img" style="display: inline-block; font-size: 166px;"> | |||
| 236 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/01/shop1_off2.jpg"}}" alt="" /> | 236 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/01/shop1_off2.jpg"}}" alt="" /> | |||
| 237 | </div> | 237 | </div> | |||
| 238 | </div> | 238 | </div> | |||
| 239 | </div> | 239 | </div> | |||
| 240 | <div class="porto-sicon-header"> | 240 | <div class="porto-sicon-header"> | |||
| 241 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 20px; line-height: 1;">DRONE + CAMERAS</h3> | 241 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 20px; line-height: 1;">DRONE + CAMERAS</h3> | |||
| 242 | </div> | 242 | </div> | |||
| 243 | <div class="porto-sicon-description"> | 243 | <div class="porto-sicon-description"> | |||
| 244 | <small class="pr-2">UP TO</small> | 244 | <small class="pr-2">UP TO</small> | |||
| 245 | <h4 class="vc_custom_heading coupon-sale-text d-inline-block background-color-dark align-left heading-light py-1"><b class="font-weight-semibold">$100</b></h4> | 245 | <h4 class="vc_custom_heading coupon-sale-text d-inline-block background-color-dark align-left heading-light py-1"><b class="font-weight-semibold">$100</b></h4> | |||
| 246 | <strong class="text-dark text-md custom-rotate-1">OFF</strong> | 246 | <strong class="text-dark text-md custom-rotate-1">OFF</strong> | |||
| 247 | <div class="mb-2">Top Brands and Models!</div> | 247 | <div class="mb-2">Top Brands and Models!</div> | |||
| 248 | <a class="porto-sicon-read" href="#">VIEW SALE</a> | 248 | <a class="porto-sicon-read" href="#">VIEW SALE</a> | |||
| 249 | </div> | 249 | </div> | |||
| 250 | </div> | 250 | </div> | |||
| 251 | <div class="porto-sicon-box custom-info-2 style_1 top-icon"> | 251 | <div class="porto-sicon-box custom-info-2 style_1 top-icon"> | |||
| 252 | <div class="porto-sicon-top"> | 252 | <div class="porto-sicon-top"> | |||
| 253 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 253 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 254 | <div class="porto-sicon-img" style="display: inline-block; font-size: 163px;"> | 254 | <div class="porto-sicon-img" style="display: inline-block; font-size: 163px;"> | |||
| 255 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/01/shop1_off3.jpg"}}" alt="" /> | 255 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/01/shop1_off3.jpg"}}" alt="" /> | |||
| 256 | </div> | 256 | </div> | |||
| 257 | </div> | 257 | </div> | |||
| 258 | </div> | 258 | </div> | |||
| 259 | <div class="porto-sicon-header"> | 259 | <div class="porto-sicon-header"> | |||
| 260 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 13px; line-height: 1; letter-spacing: 0.5em; color: #777777;">HEADPHONES SALE</h3> | 260 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 13px; line-height: 1; letter-spacing: 0.5em; color: #777777;">HEADPHONES SALE</h3> | |||
| 261 | </div> | 261 | </div> | |||
| 262 | <div class="porto-sicon-description" style=""> | 262 | <div class="porto-sicon-description" style=""> | |||
| 263 | <small class="pr-2">UP TO</small> | 263 | <small class="pr-2">UP TO</small> | |||
| 264 | <h4 class="vc_custom_heading coupon-sale-text d-inline-block background-color-secondary align-left heading-light py-1 ml-3 mr-2 mb-1"><b class="font-weight-semibold">50%</b></h4> | 264 | <h4 class="vc_custom_heading coupon-sale-text d-inline-block background-color-secondary align-left heading-light py-1 ml-3 mr-2 mb-1"><b class="font-weight-semibold">50%</b></h4> | |||
| 265 | <strong class="text-dark text-md custom-rotate-1">OFF</strong><a class="porto-sicon-read" href="#">VIEW SALE</a> | 265 | <strong class="text-dark text-md custom-rotate-1">OFF</strong><a class="porto-sicon-read" href="#">VIEW SALE</a> | |||
| 266 | </div> | 266 | </div> | |||
| 267 | </div> | 267 | </div> | |||
| 268 | </div> | 268 | </div> | |||
| 269 | <script type="text/javascript"> | 269 | <script type="text/javascript"> | |||
| 270 | require([ | 270 | require([ | |||
| 271 | 'jquery', | 271 | 'jquery', | |||
| 272 | 'owl.carousel/owl.carousel.min' | 272 | 'owl.carousel/owl.carousel.min' | |||
| 273 | ], function ($) { | 273 | ], function ($) { | |||
| 274 | $(".info-box-small-wrap .owl-carousel").owlCarousel({ | 274 | $(".info-box-small-wrap .owl-carousel").owlCarousel({ | |||
| 275 | items: 1, | 275 | items: 1, | |||
| 276 | autoplay: false, | 276 | autoplay: false, | |||
| 277 | autoplayTimeout: 5000, | 277 | autoplayTimeout: 5000, | |||
| 278 | autoplayHoverPause: true, | 278 | autoplayHoverPause: true, | |||
| 279 | dots: true, | 279 | dots: true, | |||
| 280 | nav: false, | 280 | nav: false, | |||
| 281 | loop: false, | 281 | loop: false, | |||
| 282 | navRewind: true, | 282 | navRewind: true, | |||
| 283 | margin: 1 | 283 | margin: 1 | |||
| 284 | }); | 284 | }); | |||
| 285 | }); | 285 | }); | |||
| 286 | </script> | 286 | </script> | |||
| 287 | </div> | 287 | </div> | |||
| 288 | </div> | 288 | </div> | |||
| 289 | </div> | 289 | </div> | |||
| 290 | <div class="widget widget_text"> | 290 | <div class="widget widget_text"> | |||
| 291 | <div class="box-newsletter text-center"> | 291 | <div class="box-newsletter text-center"> | |||
| 292 | <div class="box-content pb-3 px-4"> | 292 | <div class="box-content pb-3 px-4"> | |||
| 293 | <h4 class="widget-title">Subscribe Newsletter</h4> | 293 | <h4 class="widget-title">Subscribe Newsletter</h4> | |||
| 294 | <div class="content-form"> | 294 | <div class="content-form"> | |||
| 295 | <p style="font-size: .8125rem">Get all the latest information on Events, Sales and Offers.</p> | 295 | <p style="font-size: .8125rem">Get all the latest information on Events, Sales and Offers.</p> | |||
| 296 | {{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form.phtml"}} | 296 | {{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form.phtml"}} | |||
| 297 | </div> | 297 | </div> | |||
| 298 | </div> | 298 | </div> | |||
| 299 | </div> | 299 | </div> | |||
| 300 | </div> | 300 | </div> | |||
| 301 | <div class="widget widget-block"> | 301 | <div class="widget widget-block"> | |||
| 302 | <div class="sidebar-testimonials" style="border: 3px solid #0188cc;border-radius: 2px;"> | 302 | <div class="sidebar-testimonials" style="border: 3px solid #0188cc;border-radius: 2px;"> | |||
| 303 | <div class="porto-carousel owl-carousel sidebar-testimonial m-b-xl nav-inside dots-style-1 nav-inside-left "> | 303 | <div class="porto-carousel owl-carousel sidebar-testimonial m-b-xl nav-inside dots-style-1 nav-inside-left "> | |||
| 304 | <div class="porto-testimonial"> | 304 | <div class="porto-testimonial"> | |||
| 305 | <div class="testimonial testimonial-style-4 testimonial-no-borders"> | 305 | <div class="testimonial testimonial-style-4 testimonial-no-borders"> | |||
| 306 | <div class="testimonial-author clearfix"> | 306 | <div class="testimonial-author clearfix"> | |||
| 307 | <div class="testimonial-author-thumbnail"> | 307 | <div class="testimonial-author-thumbnail"> | |||
| 308 | <img class="img-responsive img-circle" src="{{media url="wysiwyg/smartwave/porto/homepage/01/shop2_about_us_person1.jpg"}}" alt="John Smith" /> | 308 | <img class="img-responsive img-circle" src="{{media url="wysiwyg/smartwave/porto/homepage/01/shop2_about_us_person1.jpg"}}" alt="John Smith" /> | |||
| 309 | </div> | 309 | </div> | |||
| 310 | <p><strong style="color: #222529;">John Smith</strong><span>CEO & Founder</span></p> | 310 | <p><strong style="color: #222529;">John Smith</strong><span>CEO & Founder</span></p> | |||
| 311 | </div> | 311 | </div> | |||
| 312 | <div class="testimonial-arrow-down"></div> | 312 | <div class="testimonial-arrow-down"></div> | |||
| 313 | <blockquote style="color: #777;"><p>Lorem ipsum dolor sit amet, consectetur elitad adipiscing Cras non placerat mi.</p></blockquote> | 313 | <blockquote style="color: #777;"><p>Lorem ipsum dolor sit amet, consectetur elitad adipiscing Cras non placerat mi.</p></blockquote> | |||
| 314 | </div> | 314 | </div> | |||
| 315 | </div> | 315 | </div> | |||
| 316 | <div class="porto-testimonial"> | 316 | <div class="porto-testimonial"> | |||
| 317 | <div class="testimonial testimonial-style-4 testimonial-no-borders"> | 317 | <div class="testimonial testimonial-style-4 testimonial-no-borders"> | |||
| 318 | <div class="testimonial-author clearfix"> | 318 | <div class="testimonial-author clearfix"> | |||
| 319 | <div class="testimonial-author-thumbnail"><img class="img-responsive img-circle" src="{{media url="wysiwyg/smartwave/porto/homepage/01/client-2.jpg"}}" alt="JOHN SMITH" /></div> | 319 | <div class="testimonial-author-thumbnail"><img class="img-responsive img-circle" src="{{media url="wysiwyg/smartwave/porto/homepage/01/client-2.jpg"}}" alt="JOHN SMITH" /></div> | |||
| 320 | <p><strong>JOHN SMITH</strong><span>CEO & Founder</span></p> | 320 | <p><strong>JOHN SMITH</strong><span>CEO & Founder</span></p> | |||
| 321 | </div> | 321 | </div> | |||
| 322 | <div class="testimonial-arrow-down"></div> | 322 | <div class="testimonial-arrow-down"></div> | |||
| 323 | <blockquote style="color: #62615e;"><p>Lorem ipsum dolor sit amet, consectetur elitad adipiscing Cras non placerat mi.</p></blockquote> | 323 | <blockquote style="color: #62615e;"><p>Lorem ipsum dolor sit amet, consectetur elitad adipiscing Cras non placerat mi.</p></blockquote> | |||
| 324 | </div> | 324 | </div> | |||
| 325 | </div> | 325 | </div> | |||
| 326 | <div class="porto-testimonial"> | 326 | <div class="porto-testimonial"> | |||
| 327 | <div class="testimonial testimonial-style-4 testimonial-no-borders"> | 327 | <div class="testimonial testimonial-style-4 testimonial-no-borders"> | |||
| 328 | <div class="testimonial-author clearfix"> | 328 | <div class="testimonial-author clearfix"> | |||
| 329 | <div class="testimonial-author-thumbnail"> | 329 | <div class="testimonial-author-thumbnail"> | |||
| 330 | <img class="img-responsive img-circle" src="{{media url="wysiwyg/smartwave/porto/homepage/01/shop1_testimonial1.jpg"}}" alt="JOHN SMITH" /> | 330 | <img class="img-responsive img-circle" src="{{media url="wysiwyg/smartwave/porto/homepage/01/shop1_testimonial1.jpg"}}" alt="JOHN SMITH" /> | |||
| 331 | </div> | 331 | </div> | |||
| 332 | <p><strong>JOHN SMITH</strong><span>CEO & Founder</span></p> | 332 | <p><strong>JOHN SMITH</strong><span>CEO & Founder</span></p> | |||
| 333 | </div> | 333 | </div> | |||
| 334 | <div class="testimonial-arrow-down"></div> | 334 | <div class="testimonial-arrow-down"></div> | |||
| 335 | <blockquote style="color: #3a3a3a;"><p>Lorem ipsum dolor sit amet, consectetur elitad adipiscing Cras non placerat mi.</p></blockquote> | 335 | <blockquote style="color: #3a3a3a;"><p>Lorem ipsum dolor sit amet, consectetur elitad adipiscing Cras non placerat mi.</p></blockquote> | |||
| 336 | </div> | 336 | </div> | |||
| 337 | </div> | 337 | </div> | |||
| 338 | </div> | 338 | </div> | |||
| 339 | <script type="text/javascript"> | 339 | <script type="text/javascript"> | |||
| 340 | require([ | 340 | require([ | |||
| 341 | 'jquery', | 341 | 'jquery', | |||
| 342 | 'owl.carousel/owl.carousel.min' | 342 | 'owl.carousel/owl.carousel.min' | |||
| 343 | ], function ($) { | 343 | ], function ($) { | |||
| 344 | $(".sidebar-testimonials .owl-carousel").owlCarousel({ | 344 | $(".sidebar-testimonials .owl-carousel").owlCarousel({ | |||
| 345 | items: 1, | 345 | items: 1, | |||
| 346 | autoplay: false, | 346 | autoplay: false, | |||
| 347 | autoplayTimeout: 5000, | 347 | autoplayTimeout: 5000, | |||
| 348 | autoplayHoverPause: true, | 348 | autoplayHoverPause: true, | |||
| 349 | dots: true, | 349 | dots: true, | |||
| 350 | nav: false, | 350 | nav: false, | |||
| 351 | loop: false, | 351 | loop: false, | |||
| 352 | navRewind: true, | 352 | navRewind: true, | |||
| 353 | margin: 1 | 353 | margin: 1 | |||
| 354 | }); | 354 | }); | |||
| 355 | }); | 355 | }); | |||
| 356 | </script> | 356 | </script> | |||
| 357 | </div> | 357 | </div> | |||
| 358 | </div> | 358 | </div> | |||
| 359 | <div class="widget widget-block"> | 359 | <div class="widget widget-block"> | |||
| 360 | <div class="row"> | 360 | <div class="row"> | |||
| 361 | <div class="col-lg-12"> | 361 | <div class="col-lg-12"> | |||
| 362 | <div class="porto-recent-posts m-b-n"> | 362 | <div class="porto-recent-posts m-b-n"> | |||
| 363 | <div class="row"> | 363 | <div class="row"> | |||
| 364 | <div class="post-carousel porto-carousel owl-carousel dots-style-1"> | 364 | <div class="post-carousel porto-carousel owl-carousel dots-style-1"> | |||
| 365 | {{widget type="Magefan\Blog\Block\Widget\Recent" number_of_posts="4" custom_template="recent_home.phtml"}} | 365 | {{widget type="Magefan\Blog\Block\Widget\Recent" number_of_posts="4" custom_template="recent_home.phtml"}} | |||
| 366 | </div> | 366 | </div> | |||
| 367 | </div> | 367 | </div> | |||
| 368 | <script type="text/javascript"> | 368 | <script type="text/javascript"> | |||
| 369 | require([ | 369 | require([ | |||
| 370 | 'jquery', | 370 | 'jquery', | |||
| 371 | 'owl.carousel/owl.carousel.min' | 371 | 'owl.carousel/owl.carousel.min' | |||
| 372 | ], function ($) { | 372 | ], function ($) { | |||
| 373 | $(".porto-recent-posts .owl-carousel").owlCarousel({ | 373 | $(".porto-recent-posts .owl-carousel").owlCarousel({ | |||
| 374 | items: 1, | 374 | items: 1, | |||
| 375 | autoplay: false, | 375 | autoplay: false, | |||
| 376 | autoplayTimeout: 5000, | 376 | autoplayTimeout: 5000, | |||
| 377 | autoplayHoverPause: true, | 377 | autoplayHoverPause: true, | |||
| 378 | dots: true, | 378 | dots: true, | |||
| 379 | nav: false, | 379 | nav: false, | |||
| 380 | loop: true, | 380 | loop: true, | |||
| 381 | navRewind: true | 381 | navRewind: true | |||
| 382 | }); | 382 | }); | |||
| 383 | }); | 383 | }); | |||
| 384 | </script> | 384 | </script> | |||
| 385 | </div> | 385 | </div> | |||
| 386 | </div> | 386 | </div> | |||
| 387 | </div> | 387 | </div> | |||
| 388 | </div> | 388 | </div> | |||
| 389 | </div> | 389 | </div> | |||
| 390 | </div> | 390 | </div> | |||
| 391 | <div class="main-content col-lg-9" style="margin-top:20px;"> | 391 | <div class="main-content col-lg-9" style="margin-top:20px;"> | |||
| 392 | <div class="home-banner-slider" style="margin-bottom: 20px;"> | 392 | <div class="home-banner-slider" style="margin-bottom: 20px;"> | |||
| 393 | <div class="porto-carousel owl-carousel dots-style-1 mb-0 nav-inside nav-inside-left"> | 393 | <div class="porto-carousel owl-carousel dots-style-1 mb-0 nav-inside nav-inside-left"> | |||
| 394 | <div class="porto-ultimate-content-box-container"> | 394 | <div class="porto-ultimate-content-box-container"> | |||
| 395 | <div class="porto-ultimate-content-box has-content-pos justify-content-center" style="background-size: cover; background-repeat: no-repeat; background-position: center center; background-color: rgba(0, 0, 0, 0); min-height: 428px; background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/01/shop1_home_slider1.png"}}');padding-top: 20px;padding-bottom: 20px;padding-left: 5.5%;background-color: #0088cc;"> | 395 | <div class="porto-ultimate-content-box has-content-pos justify-content-center" style="background-size: cover; background-repeat: no-repeat; background-position: center center; background-color: rgba(0, 0, 0, 0); min-height: 428px; background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/01/shop1_home_slider1.png"}}');padding-top: 20px;padding-bottom: 20px;padding-left: 5.5%;background-color: #0088cc;"> | |||
| 396 | <h4 style="font-size: 1.54em; color: rgba(255, 255, 255, 0.7); line-height: 1; font-weight: 500;" class="vc_custom_heading ls-80 align-left">Find the Boundaries. Push Through!</h4> | 396 | <h4 style="font-size: 1.54em; color: rgba(255, 255, 255, 0.7); line-height: 1; font-weight: 500;" class="vc_custom_heading ls-80 align-left">Find the Boundaries. Push Through!</h4> | |||
| 397 | <h2 style="font-size: 4.375em; line-height: 1; font-weight: 700; letter-spacing: 0.1px;" class="vc_custom_heading mb-0 align-left heading-light">Summer Sale</h2> | 397 | <h2 style="font-size: 4.375em; line-height: 1; font-weight: 700; letter-spacing: 0.1px;" class="vc_custom_heading mb-0 align-left heading-light">Summer Sale</h2> | |||
| 398 | <h3 style="font-size: 7.6em; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-3 align-left heading-light">70% OFF</h3> | 398 | <h3 style="font-size: 7.6em; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-3 align-left heading-light">70% OFF</h3> | |||
| 399 | <div class="row"> | 399 | <div class="row"> | |||
| 400 | <div class="col-md-12"> | 400 | <div class="col-md-12"> | |||
| 401 | <div class="wpb_wrapper vc_column-inner"> | 401 | <div class="wpb_wrapper vc_column-inner"> | |||
| 402 | <h4 style="font-size: 1.1em; line-height: 1; font-weight: 600;" class="vc_custom_heading mr-3 pull-left p-t-sm ls-n-20 align-left text-uppercase heading-light">Starting At</h4> | 402 | <h4 style="font-size: 1.1em; line-height: 1; font-weight: 600;" class="vc_custom_heading mr-3 pull-left p-t-sm ls-n-20 align-left text-uppercase heading-light">Starting At</h4> | |||
| 403 | <h4 style="font-size: 1.5em; line-height: 1;" class="vc_custom_heading coupon-sale-text d-inline-block mr-2 background-color-secondary align-left heading-light"> | 403 | <h4 style="font-size: 1.5em; line-height: 1;" class="vc_custom_heading coupon-sale-text d-inline-block mr-2 background-color-secondary align-left heading-light"> | |||
| 404 | <b><sup>$</sup>199<sup>99</sup></b> | 404 | <b><sup>$</sup>199<sup>99</sup></b> | |||
| 405 | </h4> | 405 | </h4> | |||
| 406 | <div class="btn-container mb-0 d-inline-block" style="margin-left: -3px;"><button class="btn btn-modern btn-md btn-dark">Shop Now!</button></div> | 406 | <div class="btn-container mb-0 d-inline-block" style="margin-left: -3px;"><button class="btn btn-modern btn-md btn-dark">Shop Now!</button></div> | |||
| 407 | </div> | 407 | </div> | |||
| 408 | </div> | 408 | </div> | |||
| 409 | </div> | 409 | </div> | |||
| 410 | </div> | 410 | </div> | |||
| 411 | </div> | 411 | </div> | |||
| 412 | <div class="porto-ultimate-content-box-container"> | 412 | <div class="porto-ultimate-content-box-container"> | |||
| 413 | <div class="porto-ultimate-content-box has-content-pos justify-content-center" style="background-size: cover; background-repeat: no-repeat; background-position: center center; background-color: rgba(0, 0, 0, 0); min-height: 428px; background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/01/shop1_home_slider2.jpg"}}');padding-top: 20px;padding-bottom: 20px;padding-left: 5.5%;background-color: #dadada;"> | 413 | <div class="porto-ultimate-content-box has-content-pos justify-content-center" style="background-size: cover; background-repeat: no-repeat; background-position: center center; background-color: rgba(0, 0, 0, 0); min-height: 428px; background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/01/shop1_home_slider2.jpg"}}');padding-top: 20px;padding-bottom: 20px;padding-left: 5.5%;background-color: #dadada;"> | |||
| 414 | <h4 style="font-size: 1.6em; color: rgba(119, 119, 119, 0.7); line-height: 1; font-weight: 500;" class="vc_custom_heading ls-80 mb-2 align-left">OVER 200 PRODUCTS WITH DISCOUNTS</h4> | 414 | <h4 style="font-size: 1.6em; color: rgba(119, 119, 119, 0.7); line-height: 1; font-weight: 500;" class="vc_custom_heading ls-80 mb-2 align-left">OVER 200 PRODUCTS WITH DISCOUNTS</h4> | |||
| 415 | <h3 style="font-size: 5.5em; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-3 align-left heading-dark">GREAT DEALS</h3> | 415 | <h3 style="font-size: 5.5em; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-3 align-left heading-dark">GREAT DEALS</h3> | |||
| 416 | <div class="row"> | 416 | <div class="row"> | |||
| 417 | <div class="col-md-12"> | 417 | <div class="col-md-12"> | |||
| 418 | <div class="wpb_wrapper vc_column-inner"> | 418 | <div class="wpb_wrapper vc_column-inner"> | |||
| 419 | <h4 style="font-size: 1.4em; line-height: 1.5; font-weight: 700;" class="vc_custom_heading mr-2 pull-left align-left text-uppercase heading-dark">Starting At</h4> | 419 | <h4 style="font-size: 1.4em; line-height: 1.5; font-weight: 700;" class="vc_custom_heading mr-2 pull-left align-left text-uppercase heading-dark">Starting At</h4> | |||
| 420 | <h4 style="font-size: 2.6em; line-height: 1;" class="vc_custom_heading pull-left m-r-lg align-left heading-dark"> | 420 | <h4 style="font-size: 2.6em; line-height: 1;" class="vc_custom_heading pull-left m-r-lg align-left heading-dark"> | |||
| 421 | <b><sup>$</sup>299<sup>99</sup></b> | 421 | <b><sup>$</sup>299<sup>99</sup></b> | |||
| 422 | </h4> | 422 | </h4> | |||
| 423 | <div class="btn-container mb-0 d-inline-block" style="margin-left:-3px;"><button class="btn btn-modern btn-md btn-dark">Get Yours!</button></div> | 423 | <div class="btn-container mb-0 d-inline-block" style="margin-left:-3px;"><button class="btn btn-modern btn-md btn-dark">Get Yours!</button></div> | |||
| 424 | </div> | 424 | </div> | |||
| 425 | </div> | 425 | </div> | |||
| 426 | </div> | 426 | </div> | |||
| 427 | </div> | 427 | </div> | |||
| 428 | </div> | 428 | </div> | |||
| 429 | <div class="porto-ultimate-content-box-container"> | 429 | <div class="porto-ultimate-content-box-container"> | |||
| 430 | <div class="porto-ultimate-content-box has-content-pos justify-content-center" style="background-size: cover; background-repeat: no-repeat; background-position: center center; background-color: rgba(0, 0, 0, 0); min-height: 428px; background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/01/shop1_home_slider3.jpg"}}');padding-top: 20px;padding-bottom: 20px;padding-left: 5.5%;background-color: #e6e3e2;"> | 430 | <div class="porto-ultimate-content-box has-content-pos justify-content-center" style="background-size: cover; background-repeat: no-repeat; background-position: center center; background-color: rgba(0, 0, 0, 0); min-height: 428px; background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/01/shop1_home_slider3.jpg"}}');padding-top: 20px;padding-bottom: 20px;padding-left: 5.5%;background-color: #e6e3e2;"> | |||
| 431 | <h4 style="font-size: 1.6em; color: rgba(119, 119, 119, 0.7); line-height: 1; font-weight: 500;" class="vc_custom_heading ls-80 mb-2 align-left">UP TO 70% OFF</h4> | 431 | <h4 style="font-size: 1.6em; color: rgba(119, 119, 119, 0.7); line-height: 1; font-weight: 500;" class="vc_custom_heading ls-80 mb-2 align-left">UP TO 70% OFF</h4> | |||
| 432 | <h3 style="font-size: 4.8em; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-3 align-left heading-dark">NEW ARRIVALS</h3> | 432 | <h3 style="font-size: 4.8em; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-3 align-left heading-dark">NEW ARRIVALS</h3> | |||
| 433 | <div class="row"> | 433 | <div class="row"> | |||
| 434 | <div class="col-md-12"> | 434 | <div class="col-md-12"> | |||
| 435 | <div class="wpb_wrapper vc_column-inner"> | 435 | <div class="wpb_wrapper vc_column-inner"> | |||
| 436 | <h4 style="font-size: 1.4em; line-height: 1.5; font-weight: 700;" class="vc_custom_heading mr-2 pull-left ls-n-20 align-left text-uppercase heading-dark">Starting At</h4> | 436 | <h4 style="font-size: 1.4em; line-height: 1.5; font-weight: 700;" class="vc_custom_heading mr-2 pull-left ls-n-20 align-left text-uppercase heading-dark">Starting At</h4> | |||
| 437 | <h4 style="font-size: 2.6em; line-height: 1;" class="vc_custom_heading pull-left m-r-lg align-left heading-dark"> | 437 | <h4 style="font-size: 2.6em; line-height: 1;" class="vc_custom_heading pull-left m-r-lg align-left heading-dark"> | |||
| 438 | <b><sup>$</sup>299<sup>99</sup></b> | 438 | <b><sup>$</sup>299<sup>99</sup></b> | |||
| 439 | </h4> | 439 | </h4> | |||
| 440 | <div class="btn-container mb-0 d-inline-block" style="margin-left:-3px;"><button class="btn btn-modern btn-md btn-dark">Get Yours!</button></div> | 440 | <div class="btn-container mb-0 d-inline-block" style="margin-left:-3px;"><button class="btn btn-modern btn-md btn-dark">Get Yours!</button></div> | |||
| 441 | </div> | 441 | </div> | |||
| 442 | </div> | 442 | </div> | |||
| 443 | </div> | 443 | </div> | |||
| 444 | </div> | 444 | </div> | |||
| 445 | </div> | 445 | </div> | |||
| 446 | </div> | 446 | </div> | |||
| 447 | <script type="text/javascript"> | 447 | <script type="text/javascript"> | |||
| 448 | require([ | 448 | require([ | |||
| 449 | 'jquery', | 449 | 'jquery', | |||
| 450 | 'owl.carousel/owl.carousel.min' | 450 | 'owl.carousel/owl.carousel.min' | |||
| 451 | ], function ($) { | 451 | ], function ($) { | |||
| 452 | var banner_owl = $(".home-banner-slider .owl-carousel"); | 452 | var banner_owl = $(".home-banner-slider .owl-carousel"); | |||
| 453 | banner_owl.owlCarousel({ | 453 | banner_owl.owlCarousel({ | |||
| 454 | items: 1, | 454 | items: 1, | |||
| 455 | autoplay: false, | 455 | autoplay: false, | |||
| 456 | autoplayTimeout: 5000, | 456 | autoplayTimeout: 5000, | |||
| 457 | autoplayHoverPause: true, | 457 | autoplayHoverPause: true, | |||
| 458 | dots: true, | 458 | dots: true, | |||
| 459 | nav: false, | 459 | nav: false, | |||
| 460 | navRewind: true, | 460 | navRewind: true, | |||
| 461 | animateIn: 'fadeIn', | 461 | animateIn: 'fadeIn', | |||
| 462 | animateOut: 'fadeOut', | 462 | animateOut: 'fadeOut', | |||
| 463 | loop: true, | 463 | loop: true, | |||
| 464 | lazyLoad: true | 464 | lazyLoad: true | |||
| 465 | }); | 465 | }); | |||
| 466 | }); | 466 | }); | |||
| 467 | </script> | 467 | </script> | |||
| 468 | <style> | 468 | <style> | |||
| 469 | .owl-carousel.nav-inside-left .owl-dots { | 469 | .owl-carousel.nav-inside-left .owl-dots { | |||
| 470 | left: 5.5%; | 470 | left: 5.5%; | |||
| 471 | bottom: 2rem; | 471 | bottom: 2rem; | |||
| 472 | } | 472 | } | |||
| 473 | .home-banner-slider .owl-carousel .owl-dots .owl-dot span { | 473 | .home-banner-slider .owl-carousel .owl-dots .owl-dot span { | |||
| 474 | color: #222529!important; | 474 | color: #222529!important; | |||
| 475 | border-color: #222529; | 475 | border-color: #222529; | |||
| 476 | } | 476 | } | |||
| 477 | </style> | 477 | </style> | |||
| 478 | </div> | 478 | </div> | |||
| 479 | <div class="home-ads mb-2"> | 479 | <div class="home-ads mb-2"> | |||
| 480 | <div class="row"> | 480 | <div class="row"> | |||
| 481 | <div class="col-md-4"> | 481 | <div class="col-md-4"> | |||
| 482 | <div class="porto-ultimate-content-box-container" > | 482 | <div class="porto-ultimate-content-box-container" > | |||
| 483 | <div class="porto-ultimate-content-box vc_custom_1595216969075 has-content-pos justify-content-center" | 483 | <div class="porto-ultimate-content-box vc_custom_1595216969075 has-content-pos justify-content-center" | |||
| 484 | style="background-size: cover; | 484 | style="background-size: cover; | |||
| 485 | background-repeat: no-repeat; | 485 | background-repeat: no-repeat; | |||
| 486 | background-position: center center; | 486 | background-position: center center; | |||
| 487 | background-color: rgba(0, 0, 0, 0); | 487 | background-color: rgba(0, 0, 0, 0); | |||
| 488 | min-height: 170px; | 488 | min-height: 170px; | |||
| 489 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/01/shop1_home_ads1.jpg"}}');"> | 489 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/01/shop1_home_ads1.jpg"}}');"> | |||
| 490 | <h3 style="font-size: 1.5rem; line-height: 1;" class="vc_custom_heading mb-2 align-left">Porto Watches</h3> | 490 | <h3 style="font-size: 1.5rem; line-height: 1;" class="vc_custom_heading mb-2 align-left">Porto Watches</h3> | |||
| 491 | <h4 style="font-size: 1.8125rem; line-height: 1; font-weight: 800;" class="vc_custom_heading mb-4 align-left heading-primary"> | 491 | <h4 style="font-size: 1.8125rem; line-height: 1; font-weight: 800;" class="vc_custom_heading mb-4 align-left heading-primary"> | |||
| 492 | <sup><del><b>20%</b></del></sup>30%<sup>OFF</sup> | 492 | <sup><del><b>20%</b></del></sup>30%<sup>OFF</sup> | |||
| 493 | </h4> | 493 | </h4> | |||
| 494 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-flat btn-md btn-light">Shop Now</button></div> | 494 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-flat btn-md btn-light">Shop Now</button></div> | |||
| 495 | </div> | 495 | </div> | |||
| 496 | </div> | 496 | </div> | |||
| 497 | <style> | 497 | <style> | |||
| 498 | .vc_custom_1595216969075 { | 498 | .vc_custom_1595216969075 { | |||
| 499 | margin-bottom: 20px; | 499 | margin-bottom: 20px; | |||
| 500 | padding-top: 1.25rem; | 500 | padding-top: 1.25rem; | |||
| 501 | padding-bottom: 1.25rem; | 501 | padding-bottom: 1.25rem; | |||
| 502 | padding-left: 1.25rem; | 502 | padding-left: 1.25rem; | |||
| 503 | background-color: #f4f4f4; | 503 | background-color: #f4f4f4; | |||
| 504 | } | 504 | } | |||
| 505 | </style> | 505 | </style> | |||
| 506 | </div> | 506 | </div> | |||
| 507 | <div class="home-ads2 col-md-4"> | 507 | <div class="home-ads2 col-md-4"> | |||
| 508 | <div class="porto-ultimate-content-box-container"> | 508 | <div class="porto-ultimate-content-box-container"> | |||
| 509 | <div class="porto-ultimate-content-box vc_custom_1595216625670 has-content-pos justify-content-center" | 509 | <div class="porto-ultimate-content-box vc_custom_1595216625670 has-content-pos justify-content-center" | |||
| 510 | style="background-size: cover; | 510 | style="background-size: cover; | |||
| 511 | background-repeat: no-repeat; | 511 | background-repeat: no-repeat; | |||
| 512 | background-position: center center; | 512 | background-position: center center; | |||
| 513 | background-color: rgba(0, 0, 0, 0); | 513 | background-color: rgba(0, 0, 0, 0); | |||
| 514 | min-height: 170px; | 514 | min-height: 170px; | |||
| 515 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/01/shop1_home_ads2.jpg"}}');"> | 515 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/01/shop1_home_ads2.jpg"}}');"> | |||
| 516 | <h3 style="font-size: 1.25rem; line-height: 1.35; text-align: center;" class="vc_custom_heading mb-0 ls-n-20">DEAL PROMOS</h3> | 516 | <h3 style="font-size: 1.25rem; line-height: 1.35; text-align: center;" class="vc_custom_heading mb-0 ls-n-20">DEAL PROMOS</h3> | |||
| 517 | <h4 style="font-size: 0.875rem; color: #777777; line-height: 1; text-align: center; font-weight: 600;" class="vc_custom_heading mb-4 text-uppercase">STARTING AT $99</h4> | 517 | <h4 style="font-size: 0.875rem; color: #777777; line-height: 1; text-align: center; font-weight: 600;" class="vc_custom_heading mb-4 text-uppercase">STARTING AT $99</h4> | |||
| 518 | <div class="btn-container mb-0 text-center"><button class="btn btn-flat btn-md btn-light">Shop Now</button></div> | 518 | <div class="btn-container mb-0 text-center"><button class="btn btn-flat btn-md btn-light">Shop Now</button></div> | |||
| 519 | </div> | 519 | </div> | |||
| 520 | </div> | 520 | </div> | |||
| 521 | <style> | 521 | <style> | |||
| 522 | .vc_custom_1595216625670 { | 522 | .vc_custom_1595216625670 { | |||
| 523 | margin-bottom: 20px; | 523 | margin-bottom: 20px; | |||
| 524 | border: 0.875rem solid #e7e7e7; | 524 | border: 0.875rem solid #e7e7e7; | |||
| 525 | padding-top: 1rem; | 525 | padding-top: 1rem; | |||
| 526 | padding-bottom: .5rem; | 526 | padding-bottom: .5rem; | |||
| 527 | background-color: #f4f4f4; | 527 | background-color: #f4f4f4; | |||
| 528 | } | 528 | } | |||
| 529 | </style> | 529 | </style> | |||
| 530 | </div> | 530 | </div> | |||
| 531 | <div class="col-md-4"> | 531 | <div class="col-md-4"> | |||
| 532 | <div class="porto-ultimate-content-box-container"> | 532 | <div class="porto-ultimate-content-box-container"> | |||
| 533 | <div class="porto-ultimate-content-box vc_custom_1595216973929 has-content-pos justify-content-center " | 533 | <div class="porto-ultimate-content-box vc_custom_1595216973929 has-content-pos justify-content-center " | |||
| 534 | style="background-size: cover; | 534 | style="background-size: cover; | |||
| 535 | background-repeat: no-repeat; | 535 | background-repeat: no-repeat; | |||
| 536 | background-position: center center; | 536 | background-position: center center; | |||
| 537 | background-color: rgba(0, 0, 0, 0); | 537 | background-color: rgba(0, 0, 0, 0); | |||
| 538 | min-height: 170px; | 538 | min-height: 170px; | |||
| 539 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/01/shop1_home_ads3.jpg"}}');"> | 539 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/01/shop1_home_ads3.jpg"}}');"> | |||
| 540 | <h3 style="font-size: 1.5rem; line-height: 1;" class="vc_custom_heading mb-2 align-right">Handbags</h3> | 540 | <h3 style="font-size: 1.5rem; line-height: 1;" class="vc_custom_heading mb-2 align-right">Handbags</h3> | |||
| 541 | <h4 style="font-size: 0.9375rem; line-height: 1.4; font-weight: 600;" class="vc_custom_heading mb-4 pb-2 align-right heading-secondary">STARTING AT $99</h4> | 541 | <h4 style="font-size: 0.9375rem; line-height: 1.4; font-weight: 600;" class="vc_custom_heading mb-4 pb-2 align-right heading-secondary">STARTING AT $99</h4> | |||
| 542 | <div class="btn-container mb-0 text-right"><button class="btn btn-flat btn-md btn-light">Shop Now</button></div> | 542 | <div class="btn-container mb-0 text-right"><button class="btn btn-flat btn-md btn-light">Shop Now</button></div> | |||
| 543 | </div> | 543 | </div> | |||
| 544 | </div> | 544 | </div> | |||
| 545 | <style> | 545 | <style> | |||
| 546 | .vc_custom_1595216973929 { | 546 | .vc_custom_1595216973929 { | |||
| 547 | margin-bottom: 20px; | 547 | margin-bottom: 20px; | |||
| 548 | padding-top: 1.6rem; | 548 | padding-top: 1.6rem; | |||
| 549 | padding-right: 1rem; | 549 | padding-right: 1rem; | |||
| 550 | padding-bottom: 1.6rem; | 550 | padding-bottom: 1.6rem; | |||
| 551 | background-color: #f4f4f4; | 551 | background-color: #f4f4f4; | |||
| 552 | } | 552 | } | |||
| 553 | </style> | 553 | </style> | |||
| 554 | </div> | 554 | </div> | |||
| 555 | </div> | 555 | </div> | |||
| 556 | <style> | 556 | <style> | |||
| 557 | .home-ads sup { | 557 | .home-ads sup { | |||
| 558 | font-size: 70%; | 558 | font-size: 70%; | |||
| 559 | top: -.3em; | 559 | top: -.3em; | |||
| 560 | font-weight: 700; | 560 | font-weight: 700; | |||
| 561 | margin-right: 2px; | 561 | margin-right: 2px; | |||
| 562 | } | 562 | } | |||
| 563 | </style> | 563 | </style> | |||
| 564 | </div> | 564 | </div> | |||
| 565 | <div id="featured-products" class="porto-products title-border-bottom mb-4"> | 565 | <div id="featured-products" class="porto-products title-border-bottom mb-4"> | |||
| 566 | <h2 class="section-title slider-title"><span class="inline-title">Featured Products</span><span class="line"></span></h2> | 566 | <h2 class="section-title slider-title"><span class="inline-title">Featured Products</span><span class="line"></span></h2> | |||
| 567 | <div class="slider-wrapper"> | 567 | <div class="slider-wrapper"> | |||
| 568 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" extra_class="show-dots-title-right dots-style-1" product_count="8" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | 568 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" extra_class="show-dots-title-right dots-style-1" product_count="8" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||
| 569 | <script type="text/javascript"> | 569 | <script type="text/javascript"> | |||
| 570 | require([ | 570 | require([ | |||
| 571 | 'jquery', | 571 | 'jquery', | |||
| 572 | 'owl.carousel/owl.carousel.min' | 572 | 'owl.carousel/owl.carousel.min' | |||
| 573 | ], function ($) { | 573 | ], function ($) { | |||
| 574 | $("#featured-products .owl-carousel").owlCarousel({ | 574 | $("#featured-products .owl-carousel").owlCarousel({ | |||
| 575 | autoplay: false, | 575 | autoplay: false, | |||
| 576 | autoplayTimeout: 5000, | 576 | autoplayTimeout: 5000, | |||
| 577 | autoplayHoverPause: true, | 577 | autoplayHoverPause: true, | |||
| 578 | loop: true, | 578 | loop: true, | |||
| 579 | navRewind: true, | 579 | navRewind: true, | |||
| 580 | lazyLoad:true, | 580 | lazyLoad:true, | |||
| 581 | margin: 0, | 581 | margin: 0, | |||
| 582 | nav: false, | 582 | nav: false, | |||
| 583 | dots: true, | 583 | dots: true, | |||
| 584 | responsive: { | 584 | responsive: { | |||
| 585 | 0: { | 585 | 0: { | |||
| 586 | items:2 | 586 | items:2 | |||
| 587 | }, | 587 | }, | |||
| 588 | 640: { | 588 | 640: { | |||
| 589 | items:3 | 589 | items:3 | |||
| 590 | }, | 590 | }, | |||
| 591 | 768: { | 591 | 768: { | |||
| 592 | items:3 | 592 | items:3 | |||
| 593 | }, | 593 | }, | |||
| 594 | 992: { | 594 | 992: { | |||
| 595 | items:4 | 595 | items:4 | |||
| 596 | }, | 596 | }, | |||
| 597 | 1200: { | 597 | 1200: { | |||
| 598 | items:4 | 598 | items:4 | |||
| 599 | } | 599 | } | |||
| 600 | } | 600 | } | |||
| 601 | }); | 601 | }); | |||
| 602 | }); | 602 | }); | |||
| 603 | </script> | 603 | </script> | |||
| 604 | </div> | 604 | </div> | |||
| 605 | </div> | 605 | </div> | |||
| 606 | <div class="row"> | 606 | <div class="row"> | |||
| 607 | <div class="col-lg-12"> | 607 | <div class="col-lg-12"> | |||
| 608 | <div class="porto-brand mb-4" style="border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;padding-top: 2rem;padding-bottom:2rem;"> | 608 | <div class="porto-brand mb-4" style="border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;padding-top: 2rem;padding-bottom:2rem;"> | |||
| 609 | <div class="porto-carousel brand-carousel owl-carousel mb-0"> | 609 | <div class="porto-carousel brand-carousel owl-carousel mb-0"> | |||
| 610 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand1.png"}}" alt="" /></div> | 610 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand1.png"}}" alt="" /></div> | |||
| 611 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand2.png"}}" alt="" /></div> | 611 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand2.png"}}" alt="" /></div> | |||
| 612 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand3.png"}}" alt="" /></div> | 612 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand3.png"}}" alt="" /></div> | |||
| 613 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand4.png"}}" alt="" /></div> | 613 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand4.png"}}" alt="" /></div> | |||
| 614 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand5.png"}}" alt="" /></div> | 614 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand5.png"}}" alt="" /></div> | |||
| 615 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand6.png"}}" alt="" /></div> | 615 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand6.png"}}" alt="" /></div> | |||
| 616 | </div> | 616 | </div> | |||
| 617 | <script type="text/javascript"> | 617 | <script type="text/javascript"> | |||
| 618 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | 618 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | |||
| 619 | $(".brand-carousel.owl-carousel").owlCarousel({ | 619 | $(".brand-carousel.owl-carousel").owlCarousel({ | |||
| 620 | autoplay: true, | 620 | autoplay: true, | |||
| 621 | autoplayTimeout: 5000, | 621 | autoplayTimeout: 5000, | |||
| 622 | autoplayHoverPause: true, | 622 | autoplayHoverPause: true, | |||
| 623 | nav: false, | 623 | nav: false, | |||
| 624 | dots: false, | 624 | dots: false, | |||
| 625 | loop: true, | 625 | loop: true, | |||
| 626 | responsive: { | 626 | responsive: { | |||
| 627 | 0: { | 627 | 0: { | |||
| 628 | items: 2, | 628 | items: 2, | |||
| 629 | }, | 629 | }, | |||
| 630 | 640: { | 630 | 640: { | |||
| 631 | items: 3, | 631 | items: 3, | |||
| 632 | }, | 632 | }, | |||
| 633 | 768: { | 633 | 768: { | |||
| 634 | items: 4, | 634 | items: 4, | |||
| 635 | }, | 635 | }, | |||
| 636 | 992: { | 636 | 992: { | |||
| 637 | items: 5, | 637 | items: 5, | |||
| 638 | }, | 638 | }, | |||
| 639 | 1200: { | 639 | 1200: { | |||
| 640 | items: 5, | 640 | items: 5, | |||
| 641 | }, | 641 | }, | |||
| 642 | }, | 642 | }, | |||
| 643 | }); | 643 | }); | |||
| 644 | }); | 644 | }); | |||
| 645 | </script> | 645 | </script> | |||
| 646 | </div> | 646 | </div> | |||
| 647 | </div> | 647 | </div> | |||
| 648 | </div> | 648 | </div> | |||
| 649 | <div class="row mt-2 mb-1"> | 649 | <div class="row mt-2 mb-1"> | |||
| 650 | <div class="col-sm-6 col-md-4"> | 650 | <div class="col-sm-6 col-md-4"> | |||
| 651 | <div class="mgt_content_element"> | 651 | <div class="mgt_content_element"> | |||
| 652 | <div class="widget widget_products"> | 652 | <div class="widget widget_products"> | |||
| 653 | <h2 class="widgettitle">Top Rated Products</h2> | 653 | <h2 class="widgettitle">Top Rated Products</h2> | |||
| 654 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}} | 654 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}} | |||
| 655 | </div> | 655 | </div> | |||
| 656 | </div> | 656 | </div> | |||
| 657 | </div> | 657 | </div> | |||
| 658 | <div class="col-sm-6 vc_column_container col-md-4"> | 658 | <div class="col-sm-6 vc_column_container col-md-4"> | |||
| 659 | <div class="mgt_content_element"> | 659 | <div class="mgt_content_element"> | |||
| 660 | <div class="widget widget_products"> | 660 | <div class="widget widget_products"> | |||
| 661 | <h2 class="widgettitle">Best Selling Products</h2> | 661 | <h2 class="widgettitle">Best Selling Products</h2> | |||
| 662 | {{block class="Smartwave\Filterproducts\Block\Home\BestsellersList" name="featured_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}} | 662 | {{block class="Smartwave\Filterproducts\Block\Home\BestsellersList" name="featured_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}} | |||
| 663 | </div> | 663 | </div> | |||
| 664 | </div> | 664 | </div> | |||
| 665 | </div> | 665 | </div> | |||
| 666 | <div class="col-sm-6 vc_column_container col-md-4"> | 666 | <div class="col-sm-6 vc_column_container col-md-4"> | |||
| 667 | <div class="mgt_content_element"> | 667 | <div class="mgt_content_element"> | |||
| 668 | <div class="widget widget_products"> | 668 | <div class="widget widget_products"> | |||
| 669 | <h2 class="widgettitle">Latest Products</h2> | 669 | <h2 class="widgettitle">Latest Products</h2> | |||
| 670 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}} | 670 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}} | |||
| 671 | </div> | 671 | </div> | |||
| 672 | </div> | 672 | </div> | |||
| 673 | </div> | 673 | </div> | |||
| 674 | </div> | 674 | </div> | |||
| 675 | <div class="row mb-3"> | 675 | <div class="row mb-3"> | |||
| 676 | <div class="col-md-12"> | 676 | <div class="col-md-12"> | |||
| 677 | <div class="porto-separator"><hr class="separator-line align_center solid" style="background-color: #e7e7e7;" /></div> | 677 | <div class="porto-separator"><hr class="separator-line align_center solid" style="background-color: #e7e7e7;" /></div> | |||
| 678 | </div> | 678 | </div> | |||
| 679 | </div> | 679 | </div> | |||
| 680 | <div class="row"> | 680 | <div class="row"> | |||
| 681 | <div class="col-md-4"> | 681 | <div class="col-md-4"> | |||
| 682 | <div class="porto-sicon-box px-2 style_1 top-icon"> | 682 | <div class="porto-sicon-box px-2 style_1 top-icon"> | |||
| 683 | <div class="porto-sicon-top"> | 683 | <div class="porto-sicon-top"> | |||
| 684 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 684 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 685 | <div class="porto-icon advanced" style="color: #0188cc; background: transparent; border-style: solid; border-color: #0188cc; border-width: 2px; width: 80px; height: 80px; line-height: 80px; border-radius: 500px; font-size: 35px; display: inline-block;"> | 685 | <div class="porto-icon advanced" style="color: #0188cc; background: transparent; border-style: solid; border-color: #0188cc; border-width: 2px; width: 80px; height: 80px; line-height: 80px; border-radius: 500px; font-size: 35px; display: inline-block;"> | |||
| 686 | <i class="Simple-Line-Icons-earphones-alt"></i> | 686 | <i class="Simple-Line-Icons-earphones-alt"></i> | |||
| 687 | </div> | 687 | </div> | |||
| 688 | </div> | 688 | </div> | |||
| 689 | </div> | 689 | </div> | |||
| 690 | <div class="porto-sicon-header"> | 690 | <div class="porto-sicon-header"> | |||
| 691 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1rem; line-height: 1.2;">CUSTOMER SUPPORT</h3> | 691 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1rem; line-height: 1.2;">CUSTOMER SUPPORT</h3> | |||
| 692 | <p style="line-height: 1.4; color: #555555;">Need Assistence?</p> | 692 | <p style="line-height: 1.4; color: #555555;">Need Assistence?</p> | |||
| 693 | </div> | 693 | </div> | |||
| 694 | <div class="porto-sicon-description" style="font-size: 0.8125rem;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</div> | 694 | <div class="porto-sicon-description" style="font-size: 0.8125rem;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</div> | |||
| 695 | </div> | 695 | </div> | |||
| 696 | </div> | 696 | </div> | |||
| 697 | <div class="col-md-4"> | 697 | <div class="col-md-4"> | |||
| 698 | <div class="porto-sicon-box px-2 style_1 top-icon"> | 698 | <div class="porto-sicon-box px-2 style_1 top-icon"> | |||
| 699 | <div class="porto-sicon-top"> | 699 | <div class="porto-sicon-top"> | |||
| 700 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 700 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 701 | <div class="porto-icon advanced" style="color: #0188cc; background: transparent; border-style: solid; border-color: #0188cc; border-width: 2px; width: 80px; height: 80px; line-height: 80px; border-radius: 500px; font-size: 35px; display: inline-block;"> | 701 | <div class="porto-icon advanced" style="color: #0188cc; background: transparent; border-style: solid; border-color: #0188cc; border-width: 2px; width: 80px; height: 80px; line-height: 80px; border-radius: 500px; font-size: 35px; display: inline-block;"> | |||
| 702 | <i class="Simple-Line-Icons-credit-card"></i> | 702 | <i class="Simple-Line-Icons-credit-card"></i> | |||
| 703 | </div> | 703 | </div> | |||
| 704 | </div> | 704 | </div> | |||
| 705 | </div> | 705 | </div> | |||
| 706 | <div class="porto-sicon-header"> | 706 | <div class="porto-sicon-header"> | |||
| 707 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1rem; line-height: 1.2;">SECURED PAYMENT</h3> | 707 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1rem; line-height: 1.2;">SECURED PAYMENT</h3> | |||
| 708 | <p style="line-height: 1.4; color: #555555;">Safe & Fast</p> | 708 | <p style="line-height: 1.4; color: #555555;">Safe & Fast</p> | |||
| 709 | </div> | 709 | </div> | |||
| 710 | <div class="porto-sicon-description" style="font-size: 0.8125rem;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</div> | 710 | <div class="porto-sicon-description" style="font-size: 0.8125rem;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</div> | |||
| 711 | </div> | 711 | </div> | |||
| 712 | </div> | 712 | </div> | |||
| 713 | <div class="col-md-4"> | 713 | <div class="col-md-4"> | |||
| 714 | <div class="porto-sicon-box px-2 style_1 top-icon"> | 714 | <div class="porto-sicon-box px-2 style_1 top-icon"> | |||
| 715 | <div class="porto-sicon-top"> | 715 | <div class="porto-sicon-top"> | |||
| 716 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 716 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 717 | <div class="porto-icon advanced" style="color: #0188cc; background: transparent; border-style: solid; border-color: #0188cc; border-width: 2px; width: 80px; height: 80px; line-height: 80px; border-radius: 500px; font-size: 35px; display: inline-block;"> | 717 | <div class="porto-icon advanced" style="color: #0188cc; background: transparent; border-style: solid; border-color: #0188cc; border-width: 2px; width: 80px; height: 80px; line-height: 80px; border-radius: 500px; font-size: 35px; display: inline-block;"> | |||
| 718 | <i class="Simple-Line-Icons-action-undo"></i> | 718 | <i class="Simple-Line-Icons-action-undo"></i> | |||
| 719 | </div> | 719 | </div> | |||
| 720 | </div> | 720 | </div> | |||
| 721 | </div> | 721 | </div> | |||
| 722 | <div class="porto-sicon-header"> | 722 | <div class="porto-sicon-header"> | |||
| 723 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1rem; line-height: 1.2;">RETURNS</h3> | 723 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1rem; line-height: 1.2;">RETURNS</h3> | |||
| 724 | <p style="line-height: 1.4; color: #555555;">Easy & Free</p> | 724 | <p style="line-height: 1.4; color: #555555;">Easy & Free</p> | |||
| 725 | </div> | 725 | </div> | |||
| 726 | <div class="porto-sicon-description" style="font-size: 0.8125rem;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</div> | 726 | <div class="porto-sicon-description" style="font-size: 0.8125rem;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</div> | |||
| 727 | </div> | 727 | </div> | |||
| 728 | </div> | 728 | </div> | |||
| 729 | </div> | 729 | </div> | |||
| 730 | </div> | 730 | </div> | |||
| 731 | <style> | 731 | <style> | |||
| 732 | @media(max-width:991px){ | 732 | @media(max-width:991px){ | |||
| 733 | .porto-home-sidebar {order:2;} | 733 | .porto-home-sidebar {order:2;} | |||
| 734 | .main-content {order:1;} | 734 | .main-content {order:1;} | |||
| 735 | } | 735 | } | |||
| 736 | </style> | 736 | </style> | |||
| 737 | </div> | 737 | </div> | |||
| 738 | </div> | 738 | </div> | |||
| 739 | </div> | 739 | </div> | |||
| 740 | ]]> | 740 | ]]> | |||
| 741 | </content> | 741 | </content> | |||
| 742 | 742 | |||||
| 743 | <is_active> | 743 | <is_active> | |||
| 744 | 1 | 744 | 1 | |||
| 745 | </is_active> | 745 | </is_active> | |||
| 746 | 746 | |||||
| 747 | <page_layout> | 747 | <page_layout> | |||
| 748 | 1column | 748 | 1column | |||
| 749 | </page_layout> | 749 | </page_layout> | |||
| 750 | 750 | |||||
| 751 | </cms_item> | 751 | </cms_item> | |||
| 752 | 752 | |||||
| 753 | <cms_item> | 753 | <cms_item> | |||
| 754 | 754 | |||||
| 755 | <title> | 755 | <title> | |||
| 756 | Porto - Homepage 2 | 756 | Porto - Homepage 2 | |||
| 757 | </title> | 757 | </title> | |||
| 758 | 758 | |||||
| 759 | <identifier> | 759 | <identifier> | |||
| 760 | porto_home_2 | 760 | porto_home_2 | |||
| 761 | </identifier> | 761 | </identifier> | |||
| 762 | 762 | |||||
| 763 | <content> | 763 | <content> | |||
| 764 | <![CDATA[<style> | 764 | <![CDATA[<style> | |||
| 765 | .cms-index-index .page-main { | 765 | .cms-index-index .page-main { | |||
| 766 | margin: 0; | 766 | margin: 0; | |||
| 767 | } | 767 | } | |||
| 768 | .porto-menu-links>.column-inner { | 768 | .porto-menu-links>.column-inner { | |||
| 769 | border: 1px solid #e7e7e7; | 769 | border: 1px solid #e7e7e7; | |||
| 770 | } | 770 | } | |||
| 771 | .porto-menu-links .porto-links-block { | 771 | .porto-menu-links .porto-links-block { | |||
| 772 | border: none; | 772 | border: none; | |||
| 773 | font-weight: 600 | 773 | font-weight: 600 | |||
| 774 | } | 774 | } | |||
| 775 | .porto-links-block .links-title { | 775 | .porto-links-block .links-title { | |||
| 776 | background: #f6f7f9; | 776 | background: #f6f7f9; | |||
| 777 | border-bottom: none; | 777 | border-bottom: none; | |||
| 778 | font-family: Poppins; | 778 | font-family: Poppins; | |||
| 779 | line-height: 1.4; | 779 | line-height: 1.4; | |||
| 780 | color: #222529 | 780 | color: #222529 | |||
| 781 | } | 781 | } | |||
| 782 | .porto-links-block .links-content ul { | 782 | .porto-links-block .links-content ul { | |||
| 783 | padding-top: 0 | 783 | padding-top: 0 | |||
| 784 | } | 784 | } | |||
| 785 | .porto-links-block li.porto-links-item>a { | 785 | .porto-links-block li.porto-links-item>a { | |||
| 786 | padding: 13px 0; | 786 | padding: 13px 0; | |||
| 787 | margin: 0 20px; | 787 | margin: 0 20px; | |||
| 788 | border-top-color: #e7e7e7; | 788 | border-top-color: #e7e7e7; | |||
| 789 | color: #555 | 789 | color: #555 | |||
| 790 | } | 790 | } | |||
| 791 | .porto-menu-links .btn { | 791 | .porto-menu-links .btn { | |||
| 792 | font-size: 1em; | 792 | font-size: 1em; | |||
| 793 | font-weight: 700; | 793 | font-weight: 700; | |||
| 794 | padding: 15px 0 15px; | 794 | padding: 15px 0 15px; | |||
| 795 | border-radius: 0; | 795 | border-radius: 0; | |||
| 796 | } | 796 | } | |||
| 797 | .coupon-sale-text { | 797 | .coupon-sale-text { | |||
| 798 | transform: rotate(-2deg); | 798 | transform: rotate(-2deg); | |||
| 799 | letter-spacing: -.01em; | 799 | letter-spacing: -.01em; | |||
| 800 | position: relative; | 800 | position: relative; | |||
| 801 | font-weight: 700; | 801 | font-weight: 700; | |||
| 802 | } | 802 | } | |||
| 803 | .coupon-sale-text b { | 803 | .coupon-sale-text b { | |||
| 804 | display: inline-block; | 804 | display: inline-block; | |||
| 805 | font-size: 1.6em; | 805 | font-size: 1.6em; | |||
| 806 | padding: 5px 8px; | 806 | padding: 5px 8px; | |||
| 807 | background: #fff; | 807 | background: #fff; | |||
| 808 | } | 808 | } | |||
| 809 | .owl-carousel.nav-inside-left .owl-dots { | 809 | .owl-carousel.nav-inside-left .owl-dots { | |||
| 810 | left: 7.25%; | 810 | left: 7.25%; | |||
| 811 | bottom: 25px; | 811 | bottom: 25px; | |||
| 812 | } | 812 | } | |||
| 813 | .home-banner-slider .owl-dots .owl-dot span { | 813 | .home-banner-slider .owl-dots .owl-dot span { | |||
| 814 | border-color: #fff; | 814 | border-color: #fff; | |||
| 815 | } | 815 | } | |||
| 816 | .home-banner-slider .owl-dots .owl-dot.active span, .home-banner-slider .owl-dots .owl-dot:hover span { | 816 | .home-banner-slider .owl-dots .owl-dot.active span, .home-banner-slider .owl-dots .owl-dot:hover span { | |||
| 817 | color: #222529; | 817 | color: #222529; | |||
| 818 | } | 818 | } | |||
| 819 | .home-bar .porto-sicon-box { | 819 | .home-bar .porto-sicon-box { | |||
| 820 | justify-content: center; | 820 | justify-content: center; | |||
| 821 | padding: 12px 0; | 821 | padding: 12px 0; | |||
| 822 | margin: 12px 0; | 822 | margin: 12px 0; | |||
| 823 | border-right: 1px solid #e7e7e7; | 823 | border-right: 1px solid #e7e7e7; | |||
| 824 | } | 824 | } | |||
| 825 | .home-bar .col-lg-4:last-child .porto-sicon-box { | 825 | .home-bar .col-lg-4:last-child .porto-sicon-box { | |||
| 826 | border: none; | 826 | border: none; | |||
| 827 | } | 827 | } | |||
| 828 | @media (max-width: 991px){ | 828 | @media (max-width: 991px){ | |||
| 829 | .home-bar .col-lg-4:not(:last-child) { | 829 | .home-bar .col-lg-4:not(:last-child) { | |||
| 830 | border-bottom: 1px solid #e7e7e7; | 830 | border-bottom: 1px solid #e7e7e7; | |||
| 831 | } | 831 | } | |||
| 832 | .home-bar .porto-sicon-box { | 832 | .home-bar .porto-sicon-box { | |||
| 833 | border-right: none; | 833 | border-right: none; | |||
| 834 | justify-content: flex-start; | 834 | justify-content: flex-start; | |||
| 835 | padding: 12px 30px; | 835 | padding: 12px 30px; | |||
| 836 | } | 836 | } | |||
| 837 | } | 837 | } | |||
| 838 | @media (min-width: 768px) and (max-width: 991px) { | 838 | @media (min-width: 768px) and (max-width: 991px) { | |||
| 839 | .home-banners .porto-ultimate-content-box { | 839 | .home-banners .porto-ultimate-content-box { | |||
| 840 | font-size: 8px; | 840 | font-size: 8px; | |||
| 841 | } | 841 | } | |||
| 842 | } | 842 | } | |||
| 843 | @media (max-width: 767px) { | 843 | @media (max-width: 767px) { | |||
| 844 | .porto-ultimate-content-box { | 844 | .porto-ultimate-content-box { | |||
| 845 | font-size: 8px; | 845 | font-size: 8px; | |||
| 846 | } | 846 | } | |||
| 847 | } | 847 | } | |||
| 848 | </style> | 848 | </style> | |||
| 849 | <div class="container" style="padding-top: 20px;"> | 849 | <div class="container" style="padding-top: 20px;"> | |||
| 850 | <div class="row"> | 850 | <div class="row"> | |||
| 851 | <div class="col-lg-3"> | 851 | <div class="col-lg-3"> | |||
| 852 | <div class="porto-menu-links"> | 852 | <div class="porto-menu-links"> | |||
| 853 | <div class="column-inner"> | 853 | <div class="column-inner"> | |||
| 854 | <div class="porto-links-block wpb_content_element m-b-none background-color-light"> | 854 | <div class="porto-links-block wpb_content_element m-b-none background-color-light"> | |||
| 855 | <div class="links-title">Top Categories</div> | 855 | <div class="links-title">Top Categories</div> | |||
| 856 | <div class="links-content"> | 856 | <div class="links-content"> | |||
| 857 | <ul> | 857 | <ul> | |||
| 858 | <li class="porto-links-item"> | 858 | <li class="porto-links-item"> | |||
| 859 | <a href="#"><i class="porto-icon-category-fashion"></i>Fashion</a> | 859 | <a href="#"><i class="porto-icon-category-fashion"></i>Fashion</a> | |||
| 860 | </li> | 860 | </li> | |||
| 861 | <li class="porto-links-item"> | 861 | <li class="porto-links-item"> | |||
| 862 | <a href="#"><i class="porto-icon-category-electronics"></i>Electronics</a> | 862 | <a href="#"><i class="porto-icon-category-electronics"></i>Electronics</a> | |||
| 863 | </li> | 863 | </li> | |||
| 864 | <li class="porto-links-item"> | 864 | <li class="porto-links-item"> | |||
| 865 | <a href="#"><i class="porto-icon-category-gifts"></i>Gifts</a> | 865 | <a href="#"><i class="porto-icon-category-gifts"></i>Gifts</a> | |||
| 866 | </li> | 866 | </li> | |||
| 867 | <li class="porto-links-item"> | 867 | <li class="porto-links-item"> | |||
| 868 | <a href="#"><i class="porto-icon-category-garden"></i>Home & Garden</a> | 868 | <a href="#"><i class="porto-icon-category-garden"></i>Home & Garden</a> | |||
| 869 | </li> | 869 | </li> | |||
| 870 | <li class="porto-links-item"> | 870 | <li class="porto-links-item"> | |||
| 871 | <a href="#"><i class="porto-icon-category-music"></i>Music</a> | 871 | <a href="#"><i class="porto-icon-category-music"></i>Music</a> | |||
| 872 | </li> | 872 | </li> | |||
| 873 | <li class="porto-links-item"> | 873 | <li class="porto-links-item"> | |||
| 874 | <a href="#"><i class="porto-icon-sports"></i>Sports</a> | 874 | <a href="#"><i class="porto-icon-sports"></i>Sports</a> | |||
| 875 | </li> | 875 | </li> | |||
| 876 | </ul> | 876 | </ul> | |||
| 877 | </div> | 877 | </div> | |||
| 878 | </div> | 878 | </div> | |||
| 879 | <div class="empty_space" style="height: 6px"><span class="empty_space_inner"></span></div> | 879 | <div class="empty_space" style="height: 6px"><span class="empty_space_inner"></span></div> | |||
| 880 | <div class="btn-container text-center" style="margin: 0 20px 20px 20px;"> | 880 | <div class="btn-container text-center" style="margin: 0 20px 20px 20px;"> | |||
| 881 | <a class="d-block btn btn-md btn-dark" href="#" title="">HUGE SALE - 70% OFF</a> | 881 | <a class="d-block btn btn-md btn-dark" href="#" title="">HUGE SALE - 70% OFF</a> | |||
| 882 | </div> | 882 | </div> | |||
| 883 | </div> | 883 | </div> | |||
| 884 | </div> | 884 | </div> | |||
| 885 | </div> | 885 | </div> | |||
| 886 | <div class="order-2 home-banner-slider col-lg-9"> | 886 | <div class="order-2 home-banner-slider col-lg-9"> | |||
| 887 | <div id="banner-slider-demo-2" class="porto-carousel owl-carousel dots-style-1 mb-0 nav-inside nav-inside-left"> | 887 | <div id="banner-slider-demo-2" class="porto-carousel owl-carousel dots-style-1 mb-0 nav-inside nav-inside-left"> | |||
| 888 | <div class="porto-ultimate-content-box-container"> | 888 | <div class="porto-ultimate-content-box-container"> | |||
| 889 | <div | 889 | <div | |||
| 890 | class="porto-ultimate-content-box has-content-pos justify-content-center" | 890 | class="porto-ultimate-content-box has-content-pos justify-content-center" | |||
| 891 | style="padding-top: 20px; | 891 | style="padding-top: 20px; | |||
| 892 | padding-bottom: 20px; | 892 | padding-bottom: 20px; | |||
| 893 | padding-left: 7.25%; | 893 | padding-left: 7.25%; | |||
| 894 | background-color: #6cb2d9; | 894 | background-color: #6cb2d9; | |||
| 895 | background-size: cover; | 895 | background-size: cover; | |||
| 896 | background-repeat: no-repeat; | 896 | background-repeat: no-repeat; | |||
| 897 | background-position: center center; | 897 | background-position: center center; | |||
| 898 | background-color: rgba(0, 0, 0, 0); | 898 | background-color: rgba(0, 0, 0, 0); | |||
| 899 | min-height: 415px; | 899 | min-height: 415px; | |||
| 900 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/02/shop2_home_slider1.jpg"}}'); | 900 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/02/shop2_home_slider1.jpg"}}'); | |||
| 901 | "> | 901 | "> | |||
| 902 | <h4 style="font-size: 1.6em; color: rgba(255, 255, 255, 0.7); line-height: 1; font-weight: 500;" class="vc_custom_heading ls-80 align-left">Find the Boundaries. Push Through!</h4> | 902 | <h4 style="font-size: 1.6em; color: rgba(255, 255, 255, 0.7); line-height: 1; font-weight: 500;" class="vc_custom_heading ls-80 align-left">Find the Boundaries. Push Through!</h4> | |||
| 903 | <h2 style="font-size: 4.6em; line-height: 1; font-weight: 700; letter-spacing: 0.005em;" class="vc_custom_heading mb-0 align-left heading-light">Summer Sale</h2> | 903 | <h2 style="font-size: 4.6em; line-height: 1; font-weight: 700; letter-spacing: 0.005em;" class="vc_custom_heading mb-0 align-left heading-light">Summer Sale</h2> | |||
| 904 | <h3 style="font-size: 8em; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-3 align-left heading-light">30% OFF</h3> | 904 | <h3 style="font-size: 8em; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-3 align-left heading-light">30% OFF</h3> | |||
| 905 | <div class="row"> | 905 | <div class="row"> | |||
| 906 | <div class="col-md-12"> | 906 | <div class="col-md-12"> | |||
| 907 | <div class="column-inner"> | 907 | <div class="column-inner"> | |||
| 908 | <h4 style="font-size: 1.2em; line-height: 1; font-weight: 400;" class="vc_custom_heading mr-3 pull-left p-t-sm align-left text-uppercase heading-light">Starting At</h4> | 908 | <h4 style="font-size: 1.2em; line-height: 1; font-weight: 400;" class="vc_custom_heading mr-3 pull-left p-t-sm align-left text-uppercase heading-light">Starting At</h4> | |||
| 909 | <h4 style="font-size: 1.6em; color: #ff7272; line-height: 1;" class="vc_custom_heading coupon-sale-text d-inline-block mr-2 align-left"> | 909 | <h4 style="font-size: 1.6em; color: #ff7272; line-height: 1;" class="vc_custom_heading coupon-sale-text d-inline-block mr-2 align-left"> | |||
| 910 | <b><sup>$</sup>199<sup>99</sup></b> | 910 | <b><sup>$</sup>199<sup>99</sup></b> | |||
| 911 | </h4> | 911 | </h4> | |||
| 912 | <div class="btn-container mb-0 d-inline-block" style="margin-left: -3px;"><button class="btn btn-modern btn-lg btn-dark">Get Yours!</button></div> | 912 | <div class="btn-container mb-0 d-inline-block" style="margin-left: -3px;"><button class="btn btn-modern btn-lg btn-dark">Get Yours!</button></div> | |||
| 913 | </div> | 913 | </div> | |||
| 914 | </div> | 914 | </div> | |||
| 915 | </div> | 915 | </div> | |||
| 916 | </div> | 916 | </div> | |||
| 917 | </div> | 917 | </div> | |||
| 918 | <div class="porto-ultimate-content-box-container"> | 918 | <div class="porto-ultimate-content-box-container"> | |||
| 919 | <div | 919 | <div | |||
| 920 | class="porto-ultimate-content-box has-content-pos justify-content-center" | 920 | class="porto-ultimate-content-box has-content-pos justify-content-center" | |||
| 921 | style="padding-top: 20px; | 921 | style="padding-top: 20px; | |||
| 922 | padding-bottom: 20px; | 922 | padding-bottom: 20px; | |||
| 923 | padding-left: 7.25%; | 923 | padding-left: 7.25%; | |||
| 924 | background-size: cover; | 924 | background-size: cover; | |||
| 925 | background-repeat: no-repeat; | 925 | background-repeat: no-repeat; | |||
| 926 | background-position: center center; | 926 | background-position: center center; | |||
| 927 | background-color: rgba(0, 0, 0, 0); | 927 | background-color: rgba(0, 0, 0, 0); | |||
| 928 | min-height: 415px; | 928 | min-height: 415px; | |||
| 929 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/02/shop2_home_slider2.jpg"}}'); | 929 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/02/shop2_home_slider2.jpg"}}'); | |||
| 930 | " | 930 | " | |||
| 931 | > | 931 | > | |||
| 932 | <h4 style="font-size: 1.6em; color: rgba(119, 119, 119, 0.7); line-height: 1; font-weight: 500;" class="vc_custom_heading ls-80 mb-2 align-left">OVER 200 PRODUCTS WITH DISCOUNTS</h4> | 932 | <h4 style="font-size: 1.6em; color: rgba(119, 119, 119, 0.7); line-height: 1; font-weight: 500;" class="vc_custom_heading ls-80 mb-2 align-left">OVER 200 PRODUCTS WITH DISCOUNTS</h4> | |||
| 933 | <h3 style="font-size: 5.5em; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-3 align-left heading-dark">GREAT DEALS</h3> | 933 | <h3 style="font-size: 5.5em; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-3 align-left heading-dark">GREAT DEALS</h3> | |||
| 934 | <div class="row"> | 934 | <div class="row"> | |||
| 935 | <div class="col-md-12"> | 935 | <div class="col-md-12"> | |||
| 936 | <div class="column-inner"> | 936 | <div class="column-inner"> | |||
| 937 | <h4 style="font-size: 1.4em; line-height: 1.5; font-weight: 700;" class="vc_custom_heading mr-2 pull-left align-left text-uppercase heading-dark">Starting At</h4> | 937 | <h4 style="font-size: 1.4em; line-height: 1.5; font-weight: 700;" class="vc_custom_heading mr-2 pull-left align-left text-uppercase heading-dark">Starting At</h4> | |||
| 938 | <h4 style="font-size: 2.6em; line-height: 1;" class="vc_custom_heading pull-left m-r-lg align-left heading-dark"> | 938 | <h4 style="font-size: 2.6em; line-height: 1;" class="vc_custom_heading pull-left m-r-lg align-left heading-dark"> | |||
| 939 | <b><sup>$</sup>299<sup>99</sup></b> | 939 | <b><sup>$</sup>299<sup>99</sup></b> | |||
| 940 | </h4> | 940 | </h4> | |||
| 941 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-lg btn-dark">Get Yours!</button></div> | 941 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-lg btn-dark">Get Yours!</button></div> | |||
| 942 | </div> | 942 | </div> | |||
| 943 | </div> | 943 | </div> | |||
| 944 | </div> | 944 | </div> | |||
| 945 | </div> | 945 | </div> | |||
| 946 | </div> | 946 | </div> | |||
| 947 | <div class="porto-ultimate-content-box-container"> | 947 | <div class="porto-ultimate-content-box-container"> | |||
| 948 | <div | 948 | <div | |||
| 949 | class="porto-ultimate-content-box has-content-pos justify-content-center" | 949 | class="porto-ultimate-content-box has-content-pos justify-content-center" | |||
| 950 | style="padding-top: 20px; | 950 | style="padding-top: 20px; | |||
| 951 | padding-bottom: 20px; | 951 | padding-bottom: 20px; | |||
| 952 | padding-left: 7.25%; | 952 | padding-left: 7.25%; | |||
| 953 | background-size: cover; | 953 | background-size: cover; | |||
| 954 | background-repeat: no-repeat; | 954 | background-repeat: no-repeat; | |||
| 955 | background-position: center center; | 955 | background-position: center center; | |||
| 956 | background-color: rgba(0, 0, 0, 0); | 956 | background-color: rgba(0, 0, 0, 0); | |||
| 957 | min-height: 415px; | 957 | min-height: 415px; | |||
| 958 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/02/shop2_home_slider3.jpg"}}'); | 958 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/02/shop2_home_slider3.jpg"}}'); | |||
| 959 | " | 959 | " | |||
| 960 | > | 960 | > | |||
| 961 | <h4 style="font-size: 1.6em; color: rgba(119, 119, 119, 0.7); line-height: 1; font-weight: 500;" class="vc_custom_heading ls-80 mb-2 align-left">UP TO 70% OFF</h4> | 961 | <h4 style="font-size: 1.6em; color: rgba(119, 119, 119, 0.7); line-height: 1; font-weight: 500;" class="vc_custom_heading ls-80 mb-2 align-left">UP TO 70% OFF</h4> | |||
| 962 | <h3 style="font-size: 4.8em; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-3 align-left heading-dark">NEW ARRIVALS</h3> | 962 | <h3 style="font-size: 4.8em; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-3 align-left heading-dark">NEW ARRIVALS</h3> | |||
| 963 | <div class="vc_row wpb_row vc_inner row"> | 963 | <div class="vc_row wpb_row vc_inner row"> | |||
| 964 | <div class="vc_column_container col-md-12"> | 964 | <div class="vc_column_container col-md-12"> | |||
| 965 | <div class="wpb_wrapper vc_column-inner"> | 965 | <div class="wpb_wrapper vc_column-inner"> | |||
| 966 | <h4 style="font-size: 1.4em; line-height: 1.5; font-weight: 700;" class="vc_custom_heading mr-2 pull-left align-left text-uppercase heading-dark">Starting At</h4> | 966 | <h4 style="font-size: 1.4em; line-height: 1.5; font-weight: 700;" class="vc_custom_heading mr-2 pull-left align-left text-uppercase heading-dark">Starting At</h4> | |||
| 967 | <h4 style="font-size: 2.6em; line-height: 1;" class="vc_custom_heading pull-left m-r-lg align-left heading-dark"> | 967 | <h4 style="font-size: 2.6em; line-height: 1;" class="vc_custom_heading pull-left m-r-lg align-left heading-dark"> | |||
| 968 | <b><sup>$</sup>299<sup>99</sup></b> | 968 | <b><sup>$</sup>299<sup>99</sup></b> | |||
| 969 | </h4> | 969 | </h4> | |||
| 970 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-lg btn-dark">Get Yours!</button></div> | 970 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-lg btn-dark">Get Yours!</button></div> | |||
| 971 | </div> | 971 | </div> | |||
| 972 | </div> | 972 | </div> | |||
| 973 | </div> | 973 | </div> | |||
| 974 | </div> | 974 | </div> | |||
| 975 | </div> | 975 | </div> | |||
| 976 | </div> | 976 | </div> | |||
| 977 | <script type="text/javascript"> | 977 | <script type="text/javascript"> | |||
| 978 | require([ | 978 | require([ | |||
| 979 | 'jquery', | 979 | 'jquery', | |||
| 980 | 'owl.carousel/owl.carousel.min' | 980 | 'owl.carousel/owl.carousel.min' | |||
| 981 | ], function ($) { | 981 | ], function ($) { | |||
| 982 | $("#banner-slider-demo-2").owlCarousel({ | 982 | $("#banner-slider-demo-2").owlCarousel({ | |||
| 983 | items: 1, | 983 | items: 1, | |||
| 984 | autoplay: false, | 984 | autoplay: false, | |||
| 985 | autoplayTimeout: 5000, | 985 | autoplayTimeout: 5000, | |||
| 986 | autoplayHoverPause: true, | 986 | autoplayHoverPause: true, | |||
| 987 | dots: true, | 987 | dots: true, | |||
| 988 | navRewind: true, | 988 | navRewind: true, | |||
| 989 | animateIn: 'fadeIn', | 989 | animateIn: 'fadeIn', | |||
| 990 | animateOut: 'fadeOut', | 990 | animateOut: 'fadeOut', | |||
| 991 | loop: true, | 991 | loop: true, | |||
| 992 | nav: false | 992 | nav: false | |||
| 993 | }); | 993 | }); | |||
| 994 | }); | 994 | }); | |||
| 995 | </script> | 995 | </script> | |||
| 996 | </div> | 996 | </div> | |||
| 997 | </div> | 997 | </div> | |||
| 998 | </div> | 998 | </div> | |||
| 999 | <div class="container"> | 999 | <div class="container"> | |||
| 1000 | <div class="row home-bar no-padding" style="margin-top: 20px;margin-bottom: 20px;border: 1px solid #e7e7e7;"> | 1000 | <div class="row home-bar no-padding" style="margin-top: 20px;margin-bottom: 20px;border: 1px solid #e7e7e7;"> | |||
| 1001 | <div class="col-md-12 col-lg-4 d-flex justify-content-center flex-column"> | 1001 | <div class="col-md-12 col-lg-4 d-flex justify-content-center flex-column"> | |||
| 1002 | <div class="wpb_wrapper vc_column-inner"> | 1002 | <div class="wpb_wrapper vc_column-inner"> | |||
| 1003 | <div class="porto-sicon-box style_1 default-icon"> | 1003 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 1004 | <div class="porto-sicon-default"> | 1004 | <div class="porto-sicon-default"> | |||
| 1005 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 1005 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 1006 | <div class="porto-icon none" style="color: #222529; font-size: 35px; display: inline-block;"><i class="porto-icon-shipping"></i></div> | 1006 | <div class="porto-icon none" style="color: #222529; font-size: 35px; display: inline-block;"><i class="porto-icon-shipping"></i></div> | |||
| 1007 | </div> | 1007 | </div> | |||
| 1008 | </div> | 1008 | </div> | |||
| 1009 | <div class="porto-sicon-header"> | 1009 | <div class="porto-sicon-header"> | |||
| 1010 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 14px;">FREE SHIPPING & RETURN</h3> | 1010 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 14px;">FREE SHIPPING & RETURN</h3> | |||
| 1011 | <p style="font-size: 13px; line-height: 17px;">Free shipping on all orders over $99.</p> | 1011 | <p style="font-size: 13px; line-height: 17px;">Free shipping on all orders over $99.</p> | |||
| 1012 | </div> | 1012 | </div> | |||
| 1013 | </div> | 1013 | </div> | |||
| 1014 | </div> | 1014 | </div> | |||
| 1015 | </div> | 1015 | </div> | |||
| 1016 | <div class="col-md-12 col-lg-4 d-flex justify-content-center flex-column"> | 1016 | <div class="col-md-12 col-lg-4 d-flex justify-content-center flex-column"> | |||
| 1017 | <div class="wpb_wrapper vc_column-inner"> | 1017 | <div class="wpb_wrapper vc_column-inner"> | |||
| 1018 | <div class="porto-sicon-box style_1 default-icon"> | 1018 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 1019 | <div class="porto-sicon-default"> | 1019 | <div class="porto-sicon-default"> | |||
| 1020 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 1020 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 1021 | <div class="porto-icon none" style="color: #222529; font-size: 37px; display: inline-block;"><i class="porto-icon-money"></i></div> | 1021 | <div class="porto-icon none" style="color: #222529; font-size: 37px; display: inline-block;"><i class="porto-icon-money"></i></div> | |||
| 1022 | </div> | 1022 | </div> | |||
| 1023 | </div> | 1023 | </div> | |||
| 1024 | <div class="porto-sicon-header"> | 1024 | <div class="porto-sicon-header"> | |||
| 1025 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 14px;">MONEY BACK GUARANTEE</h3> | 1025 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 14px;">MONEY BACK GUARANTEE</h3> | |||
| 1026 | <p style="font-size: 13px; line-height: 17px;">100% money back guarantee</p> | 1026 | <p style="font-size: 13px; line-height: 17px;">100% money back guarantee</p> | |||
| 1027 | </div> | 1027 | </div> | |||
| 1028 | </div> | 1028 | </div> | |||
| 1029 | </div> | 1029 | </div> | |||
| 1030 | </div> | 1030 | </div> | |||
| 1031 | <div class="col-md-12 col-lg-4 d-flex justify-content-center flex-column"> | 1031 | <div class="col-md-12 col-lg-4 d-flex justify-content-center flex-column"> | |||
| 1032 | <div class="wpb_wrapper vc_column-inner"> | 1032 | <div class="wpb_wrapper vc_column-inner"> | |||
| 1033 | <div class="porto-sicon-box style_1 default-icon"> | 1033 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 1034 | <div class="porto-sicon-default"> | 1034 | <div class="porto-sicon-default"> | |||
| 1035 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 1035 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 1036 | <div class="porto-icon none" style="color: #222529; font-size: 37px; display: inline-block;"><i class="porto-icon-shipping"></i></div> | 1036 | <div class="porto-icon none" style="color: #222529; font-size: 37px; display: inline-block;"><i class="porto-icon-shipping"></i></div> | |||
| 1037 | </div> | 1037 | </div> | |||
| 1038 | </div> | 1038 | </div> | |||
| 1039 | <div class="porto-sicon-header"> | 1039 | <div class="porto-sicon-header"> | |||
| 1040 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 14px;">ONLINE SUPPORT 24/7</h3> | 1040 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 14px;">ONLINE SUPPORT 24/7</h3> | |||
| 1041 | <p style="font-size: 13px; line-height: 17px;">Lorem ipsum dolor sit amet.</p> | 1041 | <p style="font-size: 13px; line-height: 17px;">Lorem ipsum dolor sit amet.</p> | |||
| 1042 | </div> | 1042 | </div> | |||
| 1043 | </div> | 1043 | </div> | |||
| 1044 | </div> | 1044 | </div> | |||
| 1045 | </div> | 1045 | </div> | |||
| 1046 | </div> | 1046 | </div> | |||
| 1047 | </div> | 1047 | </div> | |||
| 1048 | <div class="container"> | 1048 | <div class="container"> | |||
| 1049 | <div class="row home-banners"> | 1049 | <div class="row home-banners"> | |||
| 1050 | <div class="col-md-12"> | 1050 | <div class="col-md-12"> | |||
| 1051 | <div class="wpb_wrapper vc_column-inner"> | 1051 | <div class="wpb_wrapper vc_column-inner"> | |||
| 1052 | <div class="porto-grid-container"> | 1052 | <div class="porto-grid-container"> | |||
| 1053 | <div id="banner-masonry-2" class="wpb_content_element clearfix"> | 1053 | <div id="banner-masonry-2" class="wpb_content_element clearfix"> | |||
| 1054 | <div class="porto-grid-item" style="width:25%;"> | 1054 | <div class="porto-grid-item" style="width:25%;"> | |||
| 1055 | <div class="porto-ultimate-content-box-container"> | 1055 | <div class="porto-ultimate-content-box-container"> | |||
| 1056 | <div class="porto-ultimate-content-box has-content-pos justify-content-center" | 1056 | <div class="porto-ultimate-content-box has-content-pos justify-content-center" | |||
| 1057 | style="padding-right: 2.5em; | 1057 | style="padding-right: 2.5em; | |||
| 1058 | padding-left: 40%; | 1058 | padding-left: 40%; | |||
| 1059 | background-color: #f6f7f9; | 1059 | background-color: #f6f7f9; | |||
| 1060 | background-size: contain; | 1060 | background-size: contain; | |||
| 1061 | background-repeat: no-repeat; | 1061 | background-repeat: no-repeat; | |||
| 1062 | background-position: 0px 50%; | 1062 | background-position: 0px 50%; | |||
| 1063 | min-height: 290px; | 1063 | min-height: 290px; | |||
| 1064 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/02/shop2_banner1.jpg"}}'); | 1064 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/02/shop2_banner1.jpg"}}'); | |||
| 1065 | "> | 1065 | "> | |||
| 1066 | <h3 style="font-size: 40px; text-align: center; font-weight: 700;" class="vc_custom_heading background-color-dark coupon-sale-circle align-self-end heading-light"> | 1066 | <h3 style="font-size: 40px; text-align: center; font-weight: 700;" class="vc_custom_heading background-color-dark coupon-sale-circle align-self-end heading-light"> | |||
| 1067 | 40<sup>%<small style="color:#fff;">OFF</small></sup> | 1067 | 40<sup>%<small style="color:#fff;">OFF</small></sup> | |||
| 1068 | </h3> | 1068 | </h3> | |||
| 1069 | <h4 style="font-size: 14px; line-height: 1; font-weight: 500;" class="vc_custom_heading mb-2 align-right"><del>$450</del></h4> | 1069 | <h4 style="font-size: 14px; line-height: 1; font-weight: 500;" class="vc_custom_heading mb-2 align-right"><del>$450</del></h4> | |||
| 1070 | <h4 style="font-size: 30px; line-height: 1;" class="vc_custom_heading mb-3 align-right">$270</h4> | 1070 | <h4 style="font-size: 30px; line-height: 1;" class="vc_custom_heading mb-3 align-right">$270</h4> | |||
| 1071 | <h4 style="font-size: 14px; line-height: 1; font-weight: 500;" class="vc_custom_heading mb-1 align-right heading-dark">Watches</h4> | 1071 | <h4 style="font-size: 14px; line-height: 1; font-weight: 500;" class="vc_custom_heading mb-1 align-right heading-dark">Watches</h4> | |||
| 1072 | <h3 style="font-size: 19px; line-height: 1; font-weight: 500;" class="vc_custom_heading mb-0 align-right">Mega Sale</h3> | 1072 | <h3 style="font-size: 19px; line-height: 1; font-weight: 500;" class="vc_custom_heading mb-0 align-right">Mega Sale</h3> | |||
| 1073 | </div> | 1073 | </div> | |||
| 1074 | </div> | 1074 | </div> | |||
| 1075 | </div> | 1075 | </div> | |||
| 1076 | <div class="porto-grid-item" style="width:50%;"> | 1076 | <div class="porto-grid-item" style="width:50%;"> | |||
| 1077 | <div class="porto-ultimate-content-box-container background-color-dark"> | 1077 | <div class="porto-ultimate-content-box-container background-color-dark"> | |||
| 1078 | <div class="porto-ultimate-content-box has-content-pos justify-content-center" | 1078 | <div class="porto-ultimate-content-box has-content-pos justify-content-center" | |||
| 1079 | style="padding: 3em 7% 3em 40%; | 1079 | style="padding: 3em 7% 3em 40%; | |||
| 1080 | background-size: cover; | 1080 | background-size: cover; | |||
| 1081 | background-repeat: no-repeat; | 1081 | background-repeat: no-repeat; | |||
| 1082 | background-position: center center; | 1082 | background-position: center center; | |||
| 1083 | min-height: 350px; | 1083 | min-height: 350px; | |||
| 1084 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/02/shop2_banner2.jpg"}}'); | 1084 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/02/shop2_banner2.jpg"}}'); | |||
| 1085 | "> | 1085 | "> | |||
| 1086 | <h3 style="font-size: 3.6em; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-3 align-right text-uppercase heading-light"> | 1086 | <h3 style="font-size: 3.6em; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-3 align-right text-uppercase heading-light"> | |||
| 1087 | ELECTRONIC<br />DEALS | 1087 | ELECTRONIC<br />DEALS | |||
| 1088 | </h3> | 1088 | </h3> | |||
| 1089 | <div class="vc_row wpb_row vc_inner row align-self-end d-block"> | 1089 | <div class="vc_row wpb_row vc_inner row align-self-end d-block"> | |||
| 1090 | <div class="vc_column_container col-md-12"> | 1090 | <div class="vc_column_container col-md-12"> | |||
| 1091 | <div class="wpb_wrapper vc_column-inner"> | 1091 | <div class="wpb_wrapper vc_column-inner"> | |||
| 1092 | <h5 style="font-size: 1.8em; line-height: 1.2; font-weight: 700;padding: 8px 12px;" class="vc_custom_heading mb-2 coupon-sale-text background-color-light align-right">Exclusive COUPON</h5> | 1092 | <h5 style="font-size: 1.8em; line-height: 1.2; font-weight: 700;padding: 8px 12px;" class="vc_custom_heading mb-2 coupon-sale-text background-color-light align-right">Exclusive COUPON</h5> | |||
| 1093 | <h5 style="font-size: 1.6em; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-3 coupon-sale-text coupon-sale-bg-gray align-left heading-light"><i>UP TO</i><b>$100</b> OFF</h5> | 1093 | <h5 style="font-size: 1.6em; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-3 coupon-sale-text coupon-sale-bg-gray align-left heading-light"><i>UP TO</i><b>$100</b> OFF</h5> | |||
| 1094 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-lg btn-quaternary">Get Yours!</button></div> | 1094 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-lg btn-quaternary">Get Yours!</button></div> | |||
| 1095 | </div> | 1095 | </div> | |||
| 1096 | </div> | 1096 | </div> | |||
| 1097 | </div> | 1097 | </div> | |||
| 1098 | </div> | 1098 | </div> | |||
| 1099 | </div> | 1099 | </div> | |||
| 1100 | </div> | 1100 | </div> | |||
| 1101 | <div class="porto-grid-item" style="width:25%;"> | 1101 | <div class="porto-grid-item" style="width:25%;"> | |||
| 1102 | <div class="porto-ultimate-content-box-container background-color-dark"> | 1102 | <div class="porto-ultimate-content-box-container background-color-dark"> | |||
| 1103 | <div class="porto-ultimate-content-box has-content-pos justify-content-center" | 1103 | <div class="porto-ultimate-content-box has-content-pos justify-content-center" | |||
| 1104 | style="padding: 2em; | 1104 | style="padding: 2em; | |||
| 1105 | background-size: cover; | 1105 | background-size: cover; | |||
| 1106 | background-repeat: no-repeat; | 1106 | background-repeat: no-repeat; | |||
| 1107 | background-position: center center; | 1107 | background-position: center center; | |||
| 1108 | min-height: 220px; | 1108 | min-height: 220px; | |||
| 1109 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/02/shop2_banner3.jpg"}}'); | 1109 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/02/shop2_banner3.jpg"}}'); | |||
| 1110 | " | 1110 | " | |||
| 1111 | > | 1111 | > | |||
| 1112 | <h3 style="font-size: 17px; line-height: 1;" class="vc_custom_heading ls-negative-20 mb-2 align-right text-uppercase heading-secondary">FLASH SALE</h3> | 1112 | <h3 style="font-size: 17px; line-height: 1;" class="vc_custom_heading ls-negative-20 mb-2 align-right text-uppercase heading-secondary">FLASH SALE</h3> | |||
| 1113 | <h3 style="font-size: 15px; color: #a2a2a2; line-height: 1.25; font-weight: 500;" class="vc_custom_heading ls-negative-20 mb-1 align-right text-uppercase"> | 1113 | <h3 style="font-size: 15px; color: #a2a2a2; line-height: 1.25; font-weight: 500;" class="vc_custom_heading ls-negative-20 mb-1 align-right text-uppercase"> | |||
| 1114 | TOP BRANDS<br /> | 1114 | TOP BRANDS<br /> | |||
| 1115 | SUMMER SUNGLASSES | 1115 | SUMMER SUNGLASSES | |||
| 1116 | </h3> | 1116 | </h3> | |||
| 1117 | <h4 style="font-size: 24px; line-height: 1.1;" class="vc_custom_heading ls-negative-20 mb-3 align-right text-uppercase heading-light"> | 1117 | <h4 style="font-size: 24px; line-height: 1.1;" class="vc_custom_heading ls-negative-20 mb-3 align-right text-uppercase heading-light"> | |||
| 1118 | STARTING<br /> | 1118 | STARTING<br /> | |||
| 1119 | AT <sup>$</sup>199<sup>99</sup> | 1119 | AT <sup>$</sup>199<sup>99</sup> | |||
| 1120 | </h4> | 1120 | </h4> | |||
| 1121 | <div class="btn-container mb-0 align-right"><button class="btn btn-modern btn-md btn-light">View Sale</button></div> | 1121 | <div class="btn-container mb-0 align-right"><button class="btn btn-modern btn-md btn-light">View Sale</button></div> | |||
| 1122 | </div> | 1122 | </div> | |||
| 1123 | </div> | 1123 | </div> | |||
| 1124 | </div> | 1124 | </div> | |||
| 1125 | <div class="porto-grid-item" style="width:25%;"> | 1125 | <div class="porto-grid-item" style="width:25%;"> | |||
| 1126 | <div class="porto-ultimate-content-box-container"> | 1126 | <div class="porto-ultimate-content-box-container"> | |||
| 1127 | <div class="porto-ultimate-content-box" | 1127 | <div class="porto-ultimate-content-box" | |||
| 1128 | style="padding: 3em 2.2em 3em 2.2em; | 1128 | style="padding: 3em 2.2em 3em 2.2em; | |||
| 1129 | background-color: #f6f7f9; | 1129 | background-color: #f6f7f9; | |||
| 1130 | background-size: contain; | 1130 | background-size: contain; | |||
| 1131 | background-repeat: no-repeat; | 1131 | background-repeat: no-repeat; | |||
| 1132 | background-position: center center; | 1132 | background-position: center center; | |||
| 1133 | min-height: 470px; | 1133 | min-height: 470px; | |||
| 1134 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/02/shop2_banner6.jpg"}}'); | 1134 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/02/shop2_banner6.jpg"}}'); | |||
| 1135 | " | 1135 | " | |||
| 1136 | > | 1136 | > | |||
| 1137 | <style> | 1137 | <style> | |||
| 1138 | .heading914145672 .heading-tag:before, | 1138 | .heading914145672 .heading-tag:before, | |||
| 1139 | .heading914145672 .heading-tag:after { | 1139 | .heading914145672 .heading-tag:after { | |||
| 1140 | border-top-color: #e0e2e4 !important; | 1140 | border-top-color: #e0e2e4 !important; | |||
| 1141 | } | 1141 | } | |||
| 1142 | </style> | 1142 | </style> | |||
| 1143 | <div class="vc_custom_heading mb-0 ls-200 heading heading-border heading-middle-border heading-middle-border-center heading914145672"> | 1143 | <div class="vc_custom_heading mb-0 ls-200 heading heading-border heading-middle-border heading-middle-border-center heading914145672"> | |||
| 1144 | <h4 style="font-size: 12px; line-height: 1; text-align: center; font-weight: 600;" class="heading-tag text-uppercase">AMAZING</h4> | 1144 | <h4 style="font-size: 12px; line-height: 1; text-align: center; font-weight: 600;" class="heading-tag text-uppercase">AMAZING</h4> | |||
| 1145 | </div> | 1145 | </div> | |||
| 1146 | <h3 style="font-size: 27px; line-height: 29px; text-align: center;" class="vc_custom_heading m-b-md text-uppercase">Collection</h3> | 1146 | <h3 style="font-size: 27px; line-height: 29px; text-align: center;" class="vc_custom_heading m-b-md text-uppercase">Collection</h3> | |||
| 1147 | <div class="porto-separator short"><hr class="separator-line align_center solid" style="background-color: #e0e2e4;" /></div> | 1147 | <div class="porto-separator short"><hr class="separator-line align_center solid" style="background-color: #e0e2e4;" /></div> | |||
| 1148 | <h4 style="font-size: 12px; color: rgba(34, 37, 41, 0.7); line-height: 1; text-align: center; font-weight: 500;" class="vc_custom_heading ls-200 text-uppercase">Check our discounts</h4> | 1148 | <h4 style="font-size: 12px; color: rgba(34, 37, 41, 0.7); line-height: 1; text-align: center; font-weight: 500;" class="vc_custom_heading ls-200 text-uppercase">Check our discounts</h4> | |||
| 1149 | <div class="btn-container mb-5 position-absolute left-0 w-100 bottom-0 text-center"><button class="btn btn-md btn-dark">SHOP NOW!</button></div> | 1149 | <div class="btn-container mb-5 position-absolute left-0 w-100 bottom-0 text-center"><button class="btn btn-md btn-dark">SHOP NOW!</button></div> | |||
| 1150 | </div> | 1150 | </div> | |||
| 1151 | </div> | 1151 | </div> | |||
| 1152 | </div> | 1152 | </div> | |||
| 1153 | <div class="porto-grid-item" style="width:25%;"> | 1153 | <div class="porto-grid-item" style="width:25%;"> | |||
| 1154 | <div class="porto-ultimate-content-box-container"> | 1154 | <div class="porto-ultimate-content-box-container"> | |||
| 1155 | <div class="porto-ultimate-content-box " | 1155 | <div class="porto-ultimate-content-box " | |||
| 1156 | style="padding: 2.5em; | 1156 | style="padding: 2.5em; | |||
| 1157 | background-color: #dae0e4; | 1157 | background-color: #dae0e4; | |||
| 1158 | background-size: cover; | 1158 | background-size: cover; | |||
| 1159 | background-repeat: no-repeat; | 1159 | background-repeat: no-repeat; | |||
| 1160 | background-position: center center; | 1160 | background-position: center center; | |||
| 1161 | min-height: 330px; | 1161 | min-height: 330px; | |||
| 1162 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/02/shop2_banner4.jpg"}}'); | 1162 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/02/shop2_banner4.jpg"}}'); | |||
| 1163 | " | 1163 | " | |||
| 1164 | > | 1164 | > | |||
| 1165 | <h3 style="font-size: 28px; line-height: 30px;" class="vc_custom_heading mb-3 align-right"> | 1165 | <h3 style="font-size: 28px; line-height: 30px;" class="vc_custom_heading mb-3 align-right"> | |||
| 1166 | TRENDING<br /> | 1166 | TRENDING<br /> | |||
| 1167 | Hot Sales | 1167 | Hot Sales | |||
| 1168 | </h3> | 1168 | </h3> | |||
| 1169 | <h4 style="font-size: 15px; line-height: 1; font-weight: 600;" class="vc_custom_heading mb-3 align-right text-uppercase heading-secondary">STARTING AT $99</h4> | 1169 | <h4 style="font-size: 15px; line-height: 1; font-weight: 600;" class="vc_custom_heading mb-3 align-right text-uppercase heading-secondary">STARTING AT $99</h4> | |||
| 1170 | <div class="btn-container mb-0 align-right"><button class="btn btn-md btn-dark">BUY NOW!</button></div> | 1170 | <div class="btn-container mb-0 align-right"><button class="btn btn-md btn-dark">BUY NOW!</button></div> | |||
| 1171 | </div> | 1171 | </div> | |||
| 1172 | </div> | 1172 | </div> | |||
| 1173 | </div> | 1173 | </div> | |||
| 1174 | <div class="porto-grid-item" style="width:50%;"> | 1174 | <div class="porto-grid-item" style="width:50%;"> | |||
| 1175 | <div class="porto-ultimate-content-box-container"> | 1175 | <div class="porto-ultimate-content-box-container"> | |||
| 1176 | <div class="porto-ultimate-content-box has-content-pos justify-content-center" | 1176 | <div class="porto-ultimate-content-box has-content-pos justify-content-center" | |||
| 1177 | style="padding: 3em 0 3em 3.5em; | 1177 | style="padding: 3em 0 3em 3.5em; | |||
| 1178 | background-color: #e8e3e1; | 1178 | background-color: #e8e3e1; | |||
| 1179 | background-size: contain; | 1179 | background-size: contain; | |||
| 1180 | background-repeat: no-repeat; | 1180 | background-repeat: no-repeat; | |||
| 1181 | background-position: right center; | 1181 | background-position: right center; | |||
| 1182 | min-height: 230px; | 1182 | min-height: 230px; | |||
| 1183 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/02/shop2_banner5.jpg"}}'); | 1183 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/02/shop2_banner5.jpg"}}'); | |||
| 1184 | " | 1184 | " | |||
| 1185 | > | 1185 | > | |||
| 1186 | <h3 style="font-size: 2.9em; line-height: 1;" class="vc_custom_heading custom-font4 mb-2 align-left">Exclusive Shoes</h3> | 1186 | <h3 style="font-size: 2.9em; line-height: 1;" class="vc_custom_heading custom-font4 mb-2 align-left">Exclusive Shoes</h3> | |||
| 1187 | <h4 style="font-size: 4em; line-height: 1;" class="vc_custom_heading mb-3 align-left text-uppercase">50% OFF</h4> | 1187 | <h4 style="font-size: 4em; line-height: 1;" class="vc_custom_heading mb-3 align-left text-uppercase">50% OFF</h4> | |||
| 1188 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-md btn-dark">GET YOURS!</button></div> | 1188 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-md btn-dark">GET YOURS!</button></div> | |||
| 1189 | </div> | 1189 | </div> | |||
| 1190 | </div> | 1190 | </div> | |||
| 1191 | </div> | 1191 | </div> | |||
| 1192 | <div class="porto-grid-item" style="width:50%;"> | 1192 | <div class="porto-grid-item" style="width:50%;"> | |||
| 1193 | <div class="porto-ultimate-content-box-container"> | 1193 | <div class="porto-ultimate-content-box-container"> | |||
| 1194 | <div class="porto-ultimate-content-box has-content-pos justify-content-center" | 1194 | <div class="porto-ultimate-content-box has-content-pos justify-content-center" | |||
| 1195 | style="padding: 3em 54% 3em 3em; | 1195 | style="padding: 3em 54% 3em 3em; | |||
| 1196 | background-color: #ededed; | 1196 | background-color: #ededed; | |||
| 1197 | background-size: cover; | 1197 | background-size: cover; | |||
| 1198 | background-repeat: no-repeat; | 1198 | background-repeat: no-repeat; | |||
| 1199 | background-position: center center; | 1199 | background-position: center center; | |||
| 1200 | min-height: 280px; | 1200 | min-height: 280px; | |||
| 1201 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/02/shop2_banner8.jpg"}}'); | 1201 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/02/shop2_banner8.jpg"}}'); | |||
| 1202 | " | 1202 | " | |||
| 1203 | > | 1203 | > | |||
| 1204 | <h4 style="font-size: 12px; color: rgba(34, 37, 41, 0.7); line-height: 1; font-weight: 500;" class="vc_custom_heading ls-200 mb-3 align-left text-uppercase">Check our discounts</h4> | 1204 | <h4 style="font-size: 12px; color: rgba(34, 37, 41, 0.7); line-height: 1; font-weight: 500;" class="vc_custom_heading ls-200 mb-3 align-left text-uppercase">Check our discounts</h4> | |||
| 1205 | <h3 style="font-size: 2.6em; line-height: 1;" class="vc_custom_heading ls-150 mb-2 align-left text-uppercase">More Than</h3> | 1205 | <h3 style="font-size: 2.6em; line-height: 1;" class="vc_custom_heading ls-150 mb-2 align-left text-uppercase">More Than</h3> | |||
| 1206 | <h3 style="font-size: 2.8em; line-height: 1;" class="vc_custom_heading ls-150 mb-3 align-left text-uppercase">20 Brands</h3> | 1206 | <h3 style="font-size: 2.8em; line-height: 1;" class="vc_custom_heading ls-150 mb-3 align-left text-uppercase">20 Brands</h3> | |||
| 1207 | <div class="porto-separator"><hr class="separator-line align_left solid" style="background-color: #e0e2e4; width: 90%;" /></div> | 1207 | <div class="porto-separator"><hr class="separator-line align_left solid" style="background-color: #e0e2e4; width: 90%;" /></div> | |||
| 1208 | <h5 style="font-size: 1.6em; line-height: 1; text-align: center;" class="vc_custom_heading coupon-sale-text align-self-center"><i>UP TO</i><b>$100</b> OFF</h5> | 1208 | <h5 style="font-size: 1.6em; line-height: 1; text-align: center;" class="vc_custom_heading coupon-sale-text align-self-center"><i>UP TO</i><b>$100</b> OFF</h5> | |||
| 1209 | <div class="btn-container mb-0 position-absolute left-0 w-100 pr-2 pr-sm-4 pr-xl-5 align-right"><button class=" btn btn-modern btn-lg btn-dark">CHECK THIS SALE!</button></div> | 1209 | <div class="btn-container mb-0 position-absolute left-0 w-100 pr-2 pr-sm-4 pr-xl-5 align-right"><button class=" btn btn-modern btn-lg btn-dark">CHECK THIS SALE!</button></div> | |||
| 1210 | </div> | 1210 | </div> | |||
| 1211 | </div> | 1211 | </div> | |||
| 1212 | </div> | 1212 | </div> | |||
| 1213 | <div class="porto-grid-item" style="width:25%;"> | 1213 | <div class="porto-grid-item" style="width:25%;"> | |||
| 1214 | <div class="porto-ultimate-content-box-container"> | 1214 | <div class="porto-ultimate-content-box-container"> | |||
| 1215 | <div class="porto-ultimate-content-box " | 1215 | <div class="porto-ultimate-content-box " | |||
| 1216 | style="padding: 2.5em 2em 0; | 1216 | style="padding: 2.5em 2em 0; | |||
| 1217 | background-color: #ededed; | 1217 | background-color: #ededed; | |||
| 1218 | background-size: cover; | 1218 | background-size: cover; | |||
| 1219 | background-repeat: no-repeat; | 1219 | background-repeat: no-repeat; | |||
| 1220 | background-position: center center; | 1220 | background-position: center center; | |||
| 1221 | min-height: 240px; | 1221 | min-height: 240px; | |||
| 1222 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/02/shop2_banner7.jpg"}}'); | 1222 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/02/shop2_banner7.jpg"}}'); | |||
| 1223 | " | 1223 | " | |||
| 1224 | > | 1224 | > | |||
| 1225 | <h2 style="font-size: 2.6em; line-height: 1; text-align: center;" class="vc_custom_heading mb-1 ls-150 text-uppercase">TOP BRANDS</h2> | 1225 | <h2 style="font-size: 2.6em; line-height: 1; text-align: center;" class="vc_custom_heading mb-1 ls-150 text-uppercase">TOP BRANDS</h2> | |||
| 1226 | <h2 style="font-size: 2.2em; line-height: 1; text-align: center;" class="vc_custom_heading mb-3 ls-150 text-uppercase">SMARTPHONES</h2> | 1226 | <h2 style="font-size: 2.2em; line-height: 1; text-align: center;" class="vc_custom_heading mb-3 ls-150 text-uppercase">SMARTPHONES</h2> | |||
| 1227 | <h4 style="font-size: 1em; color: #777777; line-height: 1; text-align: center; font-weight: 500;" class="vc_custom_heading ls-200 mb-0 text-uppercase">* limited time only</h4> | 1227 | <h4 style="font-size: 1em; color: #777777; line-height: 1; text-align: center; font-weight: 500;" class="vc_custom_heading ls-200 mb-0 text-uppercase">* limited time only</h4> | |||
| 1228 | <div class="btn-container mb-4 position-absolute left-0 bottom-0 w-100 text-center"><button class="btn btn-md btn-secondary">BUY NOW!</button></div> | 1228 | <div class="btn-container mb-4 position-absolute left-0 bottom-0 w-100 text-center"><button class="btn btn-md btn-secondary">BUY NOW!</button></div> | |||
| 1229 | </div> | 1229 | </div> | |||
| 1230 | </div> | 1230 | </div> | |||
| 1231 | </div> | 1231 | </div> | |||
| 1232 | <div class="porto-grid-item" style="width:25%;"> | 1232 | <div class="porto-grid-item" style="width:25%;"> | |||
| 1233 | <div class="porto-ultimate-content-box-container"> | 1233 | <div class="porto-ultimate-content-box-container"> | |||
| 1234 | <div class="porto-ultimate-content-box has-content-pos justify-content-center " | 1234 | <div class="porto-ultimate-content-box has-content-pos justify-content-center " | |||
| 1235 | style="padding: 2em; | 1235 | style="padding: 2em; | |||
| 1236 | background-color: #ededed; | 1236 | background-color: #ededed; | |||
| 1237 | background-size: cover; | 1237 | background-size: cover; | |||
| 1238 | background-repeat: no-repeat; | 1238 | background-repeat: no-repeat; | |||
| 1239 | background-position: center center; | 1239 | background-position: center center; | |||
| 1240 | min-height: 170px; | 1240 | min-height: 170px; | |||
| 1241 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/02/shop2_banner9.jpg"}}'); | 1241 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/02/shop2_banner9.jpg"}}'); | |||
| 1242 | " | 1242 | " | |||
| 1243 | > | 1243 | > | |||
| 1244 | <h3 style="font-size: 2.2em; line-height: 1.2; text-align: center;" class="vc_custom_heading mb-1">DEAL PROMOS</h3> | 1244 | <h3 style="font-size: 2.2em; line-height: 1.2; text-align: center;" class="vc_custom_heading mb-1">DEAL PROMOS</h3> | |||
| 1245 | <h4 style="font-size: 1.5em; color: #777777; line-height: 1; text-align: center; font-weight: 600;" class="vc_custom_heading mb-3">STARTING AT $99</h4> | 1245 | <h4 style="font-size: 1.5em; color: #777777; line-height: 1; text-align: center; font-weight: 600;" class="vc_custom_heading mb-3">STARTING AT $99</h4> | |||
| 1246 | <div class="btn-container mb-0 text-center"><button class="btn btn-md btn-dark">BUY NOW!</button></div> | 1246 | <div class="btn-container mb-0 text-center"><button class="btn btn-md btn-dark">BUY NOW!</button></div> | |||
| 1247 | </div> | 1247 | </div> | |||
| 1248 | </div> | 1248 | </div> | |||
| 1249 | </div> | 1249 | </div> | |||
| 1250 | <div class="grid-col-sizer" style="width:25%;"></div> | 1250 | <div class="grid-col-sizer" style="width:25%;"></div> | |||
| 1251 | </div> | 1251 | </div> | |||
| 1252 | <style> | 1252 | <style> | |||
| 1253 | #banner-masonry-2 {opacity: 0;} | 1253 | #banner-masonry-2 {opacity: 0;} | |||
| 1254 | #banner-masonry-2 .porto-grid-item { | 1254 | #banner-masonry-2 .porto-grid-item { | |||
| 1255 | padding: 10px; | 1255 | padding: 10px; | |||
| 1256 | } | 1256 | } | |||
| 1257 | #banner-masonry-2 { | 1257 | #banner-masonry-2 { | |||
| 1258 | margin: -10px -10px 10px; | 1258 | margin: -10px -10px 10px; | |||
| 1259 | } | 1259 | } | |||
| 1260 | .coupon-sale-circle { | 1260 | .coupon-sale-circle { | |||
| 1261 | display: inline-flex; | 1261 | display: inline-flex; | |||
| 1262 | align-items: center; | 1262 | align-items: center; | |||
| 1263 | justify-content: center; | 1263 | justify-content: center; | |||
| 1264 | width: 96px; | 1264 | width: 96px; | |||
| 1265 | height: 96px; | 1265 | height: 96px; | |||
| 1266 | border-radius: 48px; | 1266 | border-radius: 48px; | |||
| 1267 | } | 1267 | } | |||
| 1268 | .coupon-sale-circle sup { | 1268 | .coupon-sale-circle sup { | |||
| 1269 | line-height: 1; | 1269 | line-height: 1; | |||
| 1270 | top: 0; | 1270 | top: 0; | |||
| 1271 | font-size: 55%; | 1271 | font-size: 55%; | |||
| 1272 | } | 1272 | } | |||
| 1273 | .coupon-sale-circle small { | 1273 | .coupon-sale-circle small { | |||
| 1274 | display: block; | 1274 | display: block; | |||
| 1275 | font-size: 10px; | 1275 | font-size: 10px; | |||
| 1276 | opacity: .5; | 1276 | opacity: .5; | |||
| 1277 | letter-spacing: -.025em; | 1277 | letter-spacing: -.025em; | |||
| 1278 | } | 1278 | } | |||
| 1279 | .coupon-sale-text i { | 1279 | .coupon-sale-text i { | |||
| 1280 | font-style: normal; | 1280 | font-style: normal; | |||
| 1281 | position: absolute; | 1281 | position: absolute; | |||
| 1282 | left: -2.25em; | 1282 | left: -2.25em; | |||
| 1283 | top: 50%; | 1283 | top: 50%; | |||
| 1284 | transform: translateY(-50%) rotate(-90deg); | 1284 | transform: translateY(-50%) rotate(-90deg); | |||
| 1285 | font-size: .65em; | 1285 | font-size: .65em; | |||
| 1286 | opacity: .6; | 1286 | opacity: .6; | |||
| 1287 | letter-spacing: 0; | 1287 | letter-spacing: 0; | |||
| 1288 | } | 1288 | } | |||
| 1289 | .coupon-sale-bg-gray b { | 1289 | .coupon-sale-bg-gray b { | |||
| 1290 | background-color: #e8e3e1; | 1290 | background-color: #e8e3e1; | |||
| 1291 | color: #222529; | 1291 | color: #222529; | |||
| 1292 | } | 1292 | } | |||
| 1293 | .ls-negative-20 { | 1293 | .ls-negative-20 { | |||
| 1294 | letter-spacing: -.02em; | 1294 | letter-spacing: -.02em; | |||
| 1295 | } | 1295 | } | |||
| 1296 | @media (max-width: 767px) { | 1296 | @media (max-width: 767px) { | |||
| 1297 | #banner-masonry-2 { | 1297 | #banner-masonry-2 { | |||
| 1298 | height: auto !important; | 1298 | height: auto !important; | |||
| 1299 | } | 1299 | } | |||
| 1300 | #banner-masonry-2 .porto-grid-item:first-child { | 1300 | #banner-masonry-2 .porto-grid-item:first-child { | |||
| 1301 | margin-top: 0; | 1301 | margin-top: 0; | |||
| 1302 | } | 1302 | } | |||
| 1303 | #banner-masonry-2 .porto-grid-item { | 1303 | #banner-masonry-2 .porto-grid-item { | |||
| 1304 | width: 100% !important; | 1304 | width: 100% !important; | |||
| 1305 | position: static !important; | 1305 | position: static !important; | |||
| 1306 | float: none; | 1306 | float: none; | |||
| 1307 | } | 1307 | } | |||
| 1308 | } | 1308 | } | |||
| 1309 | </style> | 1309 | </style> | |||
| 1310 | <script type="text/javascript"> | 1310 | <script type="text/javascript"> | |||
| 1311 | require([ | 1311 | require([ | |||
| 1312 | 'jquery', | 1312 | 'jquery', | |||
| 1313 | 'packery' | 1313 | 'packery' | |||
| 1314 | ], function ($, Packery) { | 1314 | ], function ($, Packery) { | |||
| 1315 | $.bridget( 'packery', Packery ); | 1315 | $.bridget( 'packery', Packery ); | |||
| 1316 | var $container = $('#banner-masonry-2'); | 1316 | var $container = $('#banner-masonry-2'); | |||
| 1317 | $container.css('opacity', 0); | 1317 | $container.css('opacity', 0); | |||
| 1318 | if ($container.length > 0) { | 1318 | if ($container.length > 0) { | |||
| 1319 | $container.imagesLoaded(function(){ | 1319 | $container.imagesLoaded(function(){ | |||
| 1320 | $container.packery({ | 1320 | $container.packery({ | |||
| 1321 | itemSelector: ".porto-grid-item", | 1321 | itemSelector: ".porto-grid-item", | |||
| 1322 | columnWidth: ".grid-col-sizer", | 1322 | columnWidth: ".grid-col-sizer", | |||
| 1323 | percentPosition: true | 1323 | percentPosition: true | |||
| 1324 | }); | 1324 | }); | |||
| 1325 | }); | 1325 | }); | |||
| 1326 | setTimeout(function(){ | 1326 | setTimeout(function(){ | |||
| 1327 | $container.animate({ | 1327 | $container.animate({ | |||
| 1328 | opacity: 1 | 1328 | opacity: 1 | |||
| 1329 | }, 200); | 1329 | }, 200); | |||
| 1330 | }, 500); | 1330 | }, 500); | |||
| 1331 | } | 1331 | } | |||
| 1332 | }); | 1332 | }); | |||
| 1333 | </script> | 1333 | </script> | |||
| 1334 | </div> | 1334 | </div> | |||
| 1335 | </div> | 1335 | </div> | |||
| 1336 | </div> | 1336 | </div> | |||
| 1337 | </div> | 1337 | </div> | |||
| 1338 | </div> | 1338 | </div> | |||
| 1339 | <div style="background-color: #fbfbfb;padding: 50px 0;"> | 1339 | <div style="background-color: #fbfbfb;padding: 50px 0;"> | |||
| 1340 | <div class="container"> | 1340 | <div class="container"> | |||
| 1341 | <div id="featured-products" class="porto-products title-border-bottom"> | 1341 | <div id="featured-products" class="porto-products title-border-bottom"> | |||
| 1342 | <h2 class="section-title slider-title"><span class="inline-title">Featured Products</span><span class="line"></span></h2> | 1342 | <h2 class="section-title slider-title"><span class="inline-title">Featured Products</span><span class="line"></span></h2> | |||
| 1343 | <div class="slider-wrapper"> | 1343 | <div class="slider-wrapper"> | |||
| 1344 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" extra_class="show-dots-title-right dots-style-1" product_count="8" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | 1344 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" extra_class="show-dots-title-right dots-style-1" product_count="8" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||
| 1345 | <script type="text/javascript"> | 1345 | <script type="text/javascript"> | |||
| 1346 | require([ | 1346 | require([ | |||
| 1347 | 'jquery', | 1347 | 'jquery', | |||
| 1348 | 'owl.carousel/owl.carousel.min' | 1348 | 'owl.carousel/owl.carousel.min' | |||
| 1349 | ], function ($) { | 1349 | ], function ($) { | |||
| 1350 | $("#featured-products .owl-carousel").owlCarousel({ | 1350 | $("#featured-products .owl-carousel").owlCarousel({ | |||
| 1351 | autoplay: false, | 1351 | autoplay: false, | |||
| 1352 | autoplayTimeout: 5000, | 1352 | autoplayTimeout: 5000, | |||
| 1353 | autoplayHoverPause: true, | 1353 | autoplayHoverPause: true, | |||
| 1354 | loop: true, | 1354 | loop: true, | |||
| 1355 | navRewind: true, | 1355 | navRewind: true, | |||
| 1356 | lazyLoad:true, | 1356 | lazyLoad:true, | |||
| 1357 | margin: 0, | 1357 | margin: 0, | |||
| 1358 | nav: false, | 1358 | nav: false, | |||
| 1359 | dots: true, | 1359 | dots: true, | |||
| 1360 | responsive: { | 1360 | responsive: { | |||
| 1361 | 0: { | 1361 | 0: { | |||
| 1362 | items:2 | 1362 | items:2 | |||
| 1363 | }, | 1363 | }, | |||
| 1364 | 640: { | 1364 | 640: { | |||
| 1365 | items:2 | 1365 | items:2 | |||
| 1366 | }, | 1366 | }, | |||
| 1367 | 768: { | 1367 | 768: { | |||
| 1368 | items:2 | 1368 | items:2 | |||
| 1369 | }, | 1369 | }, | |||
| 1370 | 992: { | 1370 | 992: { | |||
| 1371 | items:3 | 1371 | items:3 | |||
| 1372 | }, | 1372 | }, | |||
| 1373 | 1200: { | 1373 | 1200: { | |||
| 1374 | items:4 | 1374 | items:4 | |||
| 1375 | } | 1375 | } | |||
| 1376 | } | 1376 | } | |||
| 1377 | }); | 1377 | }); | |||
| 1378 | }); | 1378 | }); | |||
| 1379 | </script> | 1379 | </script> | |||
| 1380 | </div> | 1380 | </div> | |||
| 1381 | </div> | 1381 | </div> | |||
| 1382 | </div> | 1382 | </div> | |||
| 1383 | </div> | 1383 | </div> | |||
| 1384 | <div class="container" style="padding-top: 46px;padding-bottom:15px;"> | 1384 | <div class="container" style="padding-top: 46px;padding-bottom:15px;"> | |||
| 1385 | <div class="porto-carousel brand-carousel owl-carousel mb-0"> | 1385 | <div class="porto-carousel brand-carousel owl-carousel mb-0"> | |||
| 1386 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand1.png"}}" alt="" /></div> | 1386 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand1.png"}}" alt="" /></div> | |||
| 1387 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand2.png"}}" alt="" /></div> | 1387 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand2.png"}}" alt="" /></div> | |||
| 1388 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand3.png"}}" alt="" /></div> | 1388 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand3.png"}}" alt="" /></div> | |||
| 1389 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand4.png"}}" alt="" /></div> | 1389 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand4.png"}}" alt="" /></div> | |||
| 1390 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand5.png"}}" alt="" /></div> | 1390 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand5.png"}}" alt="" /></div> | |||
| 1391 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand6.png"}}" alt="" /></div> | 1391 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand6.png"}}" alt="" /></div> | |||
| 1392 | </div> | 1392 | </div> | |||
| 1393 | <script type="text/javascript"> | 1393 | <script type="text/javascript"> | |||
| 1394 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | 1394 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | |||
| 1395 | $(".brand-carousel.owl-carousel").owlCarousel({ | 1395 | $(".brand-carousel.owl-carousel").owlCarousel({ | |||
| 1396 | autoplay: true, | 1396 | autoplay: true, | |||
| 1397 | autoplayTimeout: 5000, | 1397 | autoplayTimeout: 5000, | |||
| 1398 | autoplayHoverPause: true, | 1398 | autoplayHoverPause: true, | |||
| 1399 | nav: false, | 1399 | nav: false, | |||
| 1400 | dots: false, | 1400 | dots: false, | |||
| 1401 | loop: true, | 1401 | loop: true, | |||
| 1402 | responsive: { | 1402 | responsive: { | |||
| 1403 | 0: { | 1403 | 0: { | |||
| 1404 | items: 2, | 1404 | items: 2, | |||
| 1405 | }, | 1405 | }, | |||
| 1406 | 640: { | 1406 | 640: { | |||
| 1407 | items: 3, | 1407 | items: 3, | |||
| 1408 | }, | 1408 | }, | |||
| 1409 | 768: { | 1409 | 768: { | |||
| 1410 | items: 4, | 1410 | items: 4, | |||
| 1411 | }, | 1411 | }, | |||
| 1412 | 992: { | 1412 | 992: { | |||
| 1413 | items: 5, | 1413 | items: 5, | |||
| 1414 | }, | 1414 | }, | |||
| 1415 | 1200: { | 1415 | 1200: { | |||
| 1416 | items: 5, | 1416 | items: 5, | |||
| 1417 | }, | 1417 | }, | |||
| 1418 | }, | 1418 | }, | |||
| 1419 | }); | 1419 | }); | |||
| 1420 | }); | 1420 | }); | |||
| 1421 | </script> | 1421 | </script> | |||
| 1422 | </div>]]> | 1422 | </div>]]> | |||
| 1423 | </content> | 1423 | </content> | |||
| 1424 | 1424 | |||||
| 1425 | <is_active> | 1425 | <is_active> | |||
| 1426 | 1 | 1426 | 1 | |||
| 1427 | </is_active> | 1427 | </is_active> | |||
| 1428 | 1428 | |||||
| 1429 | <page_layout> | 1429 | <page_layout> | |||
| 1430 | 1column | 1430 | 1column | |||
| 1431 | </page_layout> | 1431 | </page_layout> | |||
| 1432 | 1432 | |||||
| 1433 | <layout_update_xml> | 1433 | <layout_update_xml> | |||
| 1434 | </layout_update_xml> | 1434 | </layout_update_xml> | |||
| 1435 | 1435 | |||||
| 1436 | </cms_item> | 1436 | </cms_item> | |||
| 1437 | 1437 | |||||
| 1438 | <cms_item> | 1438 | <cms_item> | |||
| 1439 | 1439 | |||||
| 1440 | <title> | 1440 | <title> | |||
| 1441 | Porto - Homepage 3 | 1441 | Porto - Homepage 3 | |||
| 1442 | </title> | 1442 | </title> | |||
| 1443 | 1443 | |||||
| 1444 | <identifier> | 1444 | <identifier> | |||
| 1445 | porto_home_3 | 1445 | porto_home_3 | |||
| 1446 | </identifier> | 1446 | </identifier> | |||
| 1447 | 1447 | |||||
| 1448 | <content> | 1448 | <content> | |||
| 1449 | <![CDATA[<style> | 1449 | <![CDATA[<style> | |||
| 1450 | .cms-index-index .page-main { | 1450 | .cms-index-index .page-main { | |||
| 1451 | padding: 0; | 1451 | padding: 0; | |||
| 1452 | } | 1452 | } | |||
| 1453 | .columns .column.main { | 1453 | .columns .column.main { | |||
| 1454 | padding-bottom: 0; | 1454 | padding-bottom: 0; | |||
| 1455 | } | 1455 | } | |||
| 1456 | .fullscreen-carousel { | 1456 | .fullscreen-carousel { | |||
| 1457 | height: 100vh; | 1457 | height: 100vh; | |||
| 1458 | position: relative; | 1458 | position: relative; | |||
| 1459 | } | 1459 | } | |||
| 1460 | .fullscreen-carousel .porto-ibanner img { | 1460 | .fullscreen-carousel .porto-ibanner img { | |||
| 1461 | height: 100%; | 1461 | height: 100%; | |||
| 1462 | object-position: center top; | 1462 | object-position: center top; | |||
| 1463 | } | 1463 | } | |||
| 1464 | .porto-ibanner-layer { | 1464 | .porto-ibanner-layer { | |||
| 1465 | position: absolute; | 1465 | position: absolute; | |||
| 1466 | z-index: 10; | 1466 | z-index: 10; | |||
| 1467 | } | 1467 | } | |||
| 1468 | .coupon-sale-text { | 1468 | .coupon-sale-text { | |||
| 1469 | position: relative; | 1469 | position: relative; | |||
| 1470 | display: inline-block; | 1470 | display: inline-block; | |||
| 1471 | padding: 5px 10px; | 1471 | padding: 5px 10px; | |||
| 1472 | transform: none; | 1472 | transform: none; | |||
| 1473 | letter-spacing: 0; | 1473 | letter-spacing: 0; | |||
| 1474 | } | 1474 | } | |||
| 1475 | .coupon-sale-text:before { | 1475 | .coupon-sale-text:before { | |||
| 1476 | content: ''; | 1476 | content: ''; | |||
| 1477 | position: absolute; | 1477 | position: absolute; | |||
| 1478 | left: 0; | 1478 | left: 0; | |||
| 1479 | top: 0; | 1479 | top: 0; | |||
| 1480 | right: 0; | 1480 | right: 0; | |||
| 1481 | bottom: 0; | 1481 | bottom: 0; | |||
| 1482 | z-index: -1; | 1482 | z-index: -1; | |||
| 1483 | background: #fff; | 1483 | background: #fff; | |||
| 1484 | transform: rotate( | 1484 | transform: rotate( | |||
| 1485 | -2deg | 1485 | -2deg | |||
| 1486 | ); | 1486 | ); | |||
| 1487 | } | 1487 | } | |||
| 1488 | .coupon-sale-text sup { | 1488 | .coupon-sale-text sup { | |||
| 1489 | font-size: 55%; | 1489 | font-size: 55%; | |||
| 1490 | } | 1490 | } | |||
| 1491 | .vertical-font { | 1491 | .vertical-font { | |||
| 1492 | position: relative; | 1492 | position: relative; | |||
| 1493 | padding-left: .3em; | 1493 | padding-left: .3em; | |||
| 1494 | } | 1494 | } | |||
| 1495 | .vertical-font small { | 1495 | .vertical-font small { | |||
| 1496 | font-size: 25%; | 1496 | font-size: 25%; | |||
| 1497 | font-weight: 500; | 1497 | font-weight: 500; | |||
| 1498 | transform: translateY(-50%) rotate( | 1498 | transform: translateY(-50%) rotate( | |||
| 1499 | -90deg | 1499 | -90deg | |||
| 1500 | ); | 1500 | ); | |||
| 1501 | transform-origin: 50% 50%; | 1501 | transform-origin: 50% 50%; | |||
| 1502 | position: absolute; | 1502 | position: absolute; | |||
| 1503 | left: -1em; | 1503 | left: -1em; | |||
| 1504 | top: 50%; | 1504 | top: 50%; | |||
| 1505 | color: inherit; | 1505 | color: inherit; | |||
| 1506 | font-family: inherit; | 1506 | font-family: inherit; | |||
| 1507 | } | 1507 | } | |||
| 1508 | .porto-separator.short { | 1508 | .porto-separator.short { | |||
| 1509 | margin: -11px 0 11px; | 1509 | margin: -11px 0 11px; | |||
| 1510 | } | 1510 | } | |||
| 1511 | .divider { | 1511 | .divider { | |||
| 1512 | border: 0; | 1512 | border: 0; | |||
| 1513 | height: 1px; | 1513 | height: 1px; | |||
| 1514 | position: relative; | 1514 | position: relative; | |||
| 1515 | clear: both; | 1515 | clear: both; | |||
| 1516 | } | 1516 | } | |||
| 1517 | .divider.divider-small { | 1517 | .divider.divider-small { | |||
| 1518 | margin: 22px auto; | 1518 | margin: 22px auto; | |||
| 1519 | background: transparent; | 1519 | background: transparent; | |||
| 1520 | } | 1520 | } | |||
| 1521 | .divider.divider-small hr { | 1521 | .divider.divider-small hr { | |||
| 1522 | background: #555; | 1522 | background: #555; | |||
| 1523 | width: 50px; | 1523 | width: 50px; | |||
| 1524 | margin: 22px 0; | 1524 | margin: 22px 0; | |||
| 1525 | } | 1525 | } | |||
| 1526 | .porto-ibanner em { | 1526 | .porto-ibanner em { | |||
| 1527 | font-size: 2em; | 1527 | font-size: 2em; | |||
| 1528 | font-style: normal; | 1528 | font-style: normal; | |||
| 1529 | font-family: inherit; | 1529 | font-family: inherit; | |||
| 1530 | vertical-align: text-bottom; | 1530 | vertical-align: text-bottom; | |||
| 1531 | } | 1531 | } | |||
| 1532 | </style> | 1532 | </style> | |||
| 1533 | <div class="row home-slider no-padding"> | 1533 | <div class="row home-slider no-padding"> | |||
| 1534 | <div class="col-md-12"> | 1534 | <div class="col-md-12"> | |||
| 1535 | <div class="fullscreen-carousel"> | 1535 | <div class="fullscreen-carousel"> | |||
| 1536 | <div id="banner-slider-demo-3" class="porto-carousel owl-carousel mb-0 nav-pos-inside nav-style-4 show-nav-hover"> | 1536 | <div id="banner-slider-demo-3" class="porto-carousel owl-carousel mb-0 nav-pos-inside nav-style-4 show-nav-hover"> | |||
| 1537 | <div class="porto-ibanner" style=""> | 1537 | <div class="porto-ibanner" style=""> | |||
| 1538 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/03/shop3_banner1.jpg"}}"/> | 1538 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/03/shop3_banner1.jpg"}}"/> | |||
| 1539 | <div class="porto-ibanner-desc no-padding d-flex"> | 1539 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 1540 | <div class="container"> | 1540 | <div class="container"> | |||
| 1541 | <div class="porto-ibanner-container"> | 1541 | <div class="porto-ibanner-container"> | |||
| 1542 | <div class="porto-ibanner-layer" style="left: 10%; top: 50%; transform: translateY(-50%);"> | 1542 | <div class="porto-ibanner-layer" style="left: 10%; top: 50%; transform: translateY(-50%);"> | |||
| 1543 | <h2 style="font-size: 2.5em; color: #777777; line-height: 1; font-weight: 400;" class="vc_custom_heading custom-font4 mb-3 align-left">Winter Fashion Trends</h2> | 1543 | <h2 style="font-size: 2.5em; color: #777777; line-height: 1; font-weight: 400;" class="vc_custom_heading custom-font4 mb-3 align-left">Winter Fashion Trends</h2> | |||
| 1544 | <h3 style="font-size: 2.5em; line-height: 1;" class="vc_custom_heading mb-0 ls-185 align-left text-uppercase">get up to 30% off</h3> | 1544 | <h3 style="font-size: 2.5em; line-height: 1;" class="vc_custom_heading mb-0 ls-185 align-left text-uppercase">get up to 30% off</h3> | |||
| 1545 | <h3 style="font-size: 5.625em; line-height: 1;" class="vc_custom_heading mb-4 align-left">on Jackets</h3> | 1545 | <h3 style="font-size: 5.625em; line-height: 1;" class="vc_custom_heading mb-4 align-left">on Jackets</h3> | |||
| 1546 | <h5 style="font-size: 1.125em;" class="vc_custom_heading pull-left p-t-sm mr-3 align-left text-uppercase">Starting At</h5> | 1546 | <h5 style="font-size: 1.125em;" class="vc_custom_heading pull-left p-t-sm mr-3 align-left text-uppercase">Starting At</h5> | |||
| 1547 | <h5 style="font-size: 2.25em; line-height: 1;" class="vc_custom_heading coupon-sale-text mb-4 align-left"><sup>$</sup>199<sup>99</sup></h5> | 1547 | <h5 style="font-size: 2.25em; line-height: 1;" class="vc_custom_heading coupon-sale-text mb-4 align-left"><sup>$</sup>199<sup>99</sup></h5> | |||
| 1548 | <div class="btn-container mb-0 mt-2 text-left"><button class="btn btn-modern btn-xl btn-dark">Shop Now</button></div> | 1548 | <div class="btn-container mb-0 mt-2 text-left"><button class="btn btn-modern btn-xl btn-dark">Shop Now</button></div> | |||
| 1549 | </div> | 1549 | </div> | |||
| 1550 | </div> | 1550 | </div> | |||
| 1551 | </div> | 1551 | </div> | |||
| 1552 | </div> | 1552 | </div> | |||
| 1553 | </div> | 1553 | </div> | |||
| 1554 | <div class="porto-ibanner" style=""> | 1554 | <div class="porto-ibanner" style=""> | |||
| 1555 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/03/shop3_banner2.jpg"}}"/> | 1555 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/03/shop3_banner2.jpg"}}"/> | |||
| 1556 | <div class="porto-ibanner-desc no-padding d-flex"> | 1556 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 1557 | <div class="container"> | 1557 | <div class="container"> | |||
| 1558 | <div class="porto-ibanner-container"> | 1558 | <div class="porto-ibanner-container"> | |||
| 1559 | <div class="porto-ibanner-layer" style="left: 10%; top: 50%; transform: translateY(-50%);"> | 1559 | <div class="porto-ibanner-layer" style="left: 10%; top: 50%; transform: translateY(-50%);"> | |||
| 1560 | <h2 style="font-size: 3.4375em; line-height: 1;" class="vc_custom_heading custom-font4 mb-1 align-left">New Season Hats</h2> | 1560 | <h2 style="font-size: 3.4375em; line-height: 1;" class="vc_custom_heading custom-font4 mb-1 align-left">New Season Hats</h2> | |||
| 1561 | <h3 style="font-size: 7em; line-height: 1;" class="vc_custom_heading mb-0 vertical-font align-left text-uppercase"><small>UP TO</small>20% OFF</h3> | 1561 | <h3 style="font-size: 7em; line-height: 1;" class="vc_custom_heading mb-0 vertical-font align-left text-uppercase"><small>UP TO</small>20% OFF</h3> | |||
| 1562 | <div class="porto-separator short mt-2 m-b-n"> | 1562 | <div class="porto-separator short mt-2 m-b-n"> | |||
| 1563 | <div class="divider divider-small align_left solid"><hr style="background-color: #222529; height: 5px;" /></div> | 1563 | <div class="divider divider-small align_left solid"><hr style="background-color: #222529; height: 5px;" /></div> | |||
| 1564 | </div> | 1564 | </div> | |||
| 1565 | <div class="row"> | 1565 | <div class="row"> | |||
| 1566 | <div class="col-md-12"> | 1566 | <div class="col-md-12"> | |||
| 1567 | <div class="vc_column-inner"> | 1567 | <div class="vc_column-inner"> | |||
| 1568 | <h5 style="font-size: 1.25em;" class="vc_custom_heading d-inline-block mr-5 align-left text-uppercase">Starting At $<em>19</em>99</h5> | 1568 | <h5 style="font-size: 1.25em;" class="vc_custom_heading d-inline-block mr-5 align-left text-uppercase">Starting At $<em>19</em>99</h5> | |||
| 1569 | <div class="btn-container mb-0 d-inline-block" style="margin-left: -4px;"> | 1569 | <div class="btn-container mb-0 d-inline-block" style="margin-left: -4px;"> | |||
| 1570 | <button class="btn btn-modern btn-xl btn-dark">Shop Now <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button> | 1570 | <button class="btn btn-modern btn-xl btn-dark">Shop Now <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button> | |||
| 1571 | </div> | 1571 | </div> | |||
| 1572 | </div> | 1572 | </div> | |||
| 1573 | </div> | 1573 | </div> | |||
| 1574 | </div> | 1574 | </div> | |||
| 1575 | </div> | 1575 | </div> | |||
| 1576 | </div> | 1576 | </div> | |||
| 1577 | </div> | 1577 | </div> | |||
| 1578 | </div> | 1578 | </div> | |||
| 1579 | </div> | 1579 | </div> | |||
| 1580 | </div> | 1580 | </div> | |||
| 1581 | <script type="text/javascript"> | 1581 | <script type="text/javascript"> | |||
| 1582 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | 1582 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | |||
| 1583 | var owl_3 = $("#banner-slider-demo-3").owlCarousel({ | 1583 | var owl_3 = $("#banner-slider-demo-3").owlCarousel({ | |||
| 1584 | items: 1, | 1584 | items: 1, | |||
| 1585 | autoplay: false, | 1585 | autoplay: false, | |||
| 1586 | autoplayTimeout: 5000, | 1586 | autoplayTimeout: 5000, | |||
| 1587 | autoplayHoverPause: true, | 1587 | autoplayHoverPause: true, | |||
| 1588 | dots: false, | 1588 | dots: false, | |||
| 1589 | navRewind: true, | 1589 | navRewind: true, | |||
| 1590 | animateIn: "fadeIn", | 1590 | animateIn: "fadeIn", | |||
| 1591 | animateOut: "fadeOut", | 1591 | animateOut: "fadeOut", | |||
| 1592 | loop: true, | 1592 | loop: true, | |||
| 1593 | nav: true | 1593 | nav: true | |||
| 1594 | }); | 1594 | }); | |||
| 1595 | }); | 1595 | }); | |||
| 1596 | </script> | 1596 | </script> | |||
| 1597 | </div> | 1597 | </div> | |||
| 1598 | </div> | 1598 | </div> | |||
| 1599 | </div> | 1599 | </div> | |||
| 1600 | <div class="container" style="padding-top: 65px; padding-bottom: 30px;"> | 1600 | <div class="container" style="padding-top: 65px; padding-bottom: 30px;"> | |||
| 1601 | <style> | 1601 | <style> | |||
| 1602 | ul.products li.product-category .thumb-info h3 { | 1602 | ul.products li.product-category .thumb-info h3 { | |||
| 1603 | font-size: 1.125rem; | 1603 | font-size: 1.125rem; | |||
| 1604 | } | 1604 | } | |||
| 1605 | ul.products li.product-category .thumb-info-type { | 1605 | ul.products li.product-category .thumb-info-type { | |||
| 1606 | opacity: 1; | 1606 | opacity: 1; | |||
| 1607 | color: #777; | 1607 | color: #777; | |||
| 1608 | } | 1608 | } | |||
| 1609 | ul.products li.product-category .thumb-info-wrapper:after { | 1609 | ul.products li.product-category .thumb-info-wrapper:after { | |||
| 1610 | background: rgba(27, 27, 23, 0); | 1610 | background: rgba(27, 27, 23, 0); | |||
| 1611 | } | 1611 | } | |||
| 1612 | .sub-title { | 1612 | .sub-title { | |||
| 1613 | text-transform: uppercase; | 1613 | text-transform: uppercase; | |||
| 1614 | } | 1614 | } | |||
| 1615 | .thumb-info .thumb-info-type { | 1615 | .thumb-info .thumb-info-type { | |||
| 1616 | font-size: .6em; | 1616 | font-size: .6em; | |||
| 1617 | letter-spacing: 0; | 1617 | letter-spacing: 0; | |||
| 1618 | text-transform: uppercase; | 1618 | text-transform: uppercase; | |||
| 1619 | } | 1619 | } | |||
| 1620 | </style> | 1620 | </style> | |||
| 1621 | <div class="porto-products text-center"> | 1621 | <div class="porto-products text-center"> | |||
| 1622 | <h2 class="section-title slider-title mb-4" style="font-size: 1.125rem;line-height: 1.5;text-align: center;letter-spacing: -.3px;"> | 1622 | <h2 class="section-title slider-title mb-4" style="font-size: 1.125rem;line-height: 1.5;text-align: center;letter-spacing: -.3px;"> | |||
| 1623 | <span class="inline-title">SHOP BY CATEGORY</span> | 1623 | <span class="inline-title">SHOP BY CATEGORY</span> | |||
| 1624 | <span class="line"></span> | 1624 | <span class="line"></span> | |||
| 1625 | </h2> | 1625 | </h2> | |||
| 1626 | <div class="slider-wrapper"> | 1626 | <div class="slider-wrapper"> | |||
| 1627 | <ul id="products-category" class="products products-container products-slider owl-carousel category-pos-outside category-text-center category-color-dark nav-pos-outside nav-style-4 show-nav-hover"> | 1627 | <ul id="products-category" class="products products-container products-slider owl-carousel category-pos-outside category-text-center category-color-dark nav-pos-outside nav-style-4 show-nav-hover"> | |||
| 1628 | <li class="product-category product-col"> | 1628 | <li class="product-category product-col"> | |||
| 1629 | <a href="#"> | 1629 | <a href="#"> | |||
| 1630 | <span class="thumb-info align-center"> | 1630 | <span class="thumb-info align-center"> | |||
| 1631 | <span class="thumb-info-wrapper tf-none"> | 1631 | <span class="thumb-info-wrapper tf-none"> | |||
| 1632 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/03/product-20.jpg"}}"/> | 1632 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/03/product-20.jpg"}}"/> | |||
| 1633 | </span> | 1633 | </span> | |||
| 1634 | <span class="thumb-info-wrap"> | 1634 | <span class="thumb-info-wrap"> | |||
| 1635 | <span class="thumb-info-title"> | 1635 | <span class="thumb-info-title"> | |||
| 1636 | <h3 class="sub-title thumb-info-inner">Accessories</h3> | 1636 | <h3 class="sub-title thumb-info-inner">Accessories</h3> | |||
| 1637 | <span class="thumb-info-type"> <mark class="count">8</mark> Products </span> | 1637 | <span class="thumb-info-type"> <mark class="count">8</mark> Products </span> | |||
| 1638 | </span> | 1638 | </span> | |||
| 1639 | </span> | 1639 | </span> | |||
| 1640 | </span> | 1640 | </span> | |||
| 1641 | </a> | 1641 | </a> | |||
| 1642 | </li> | 1642 | </li> | |||
| 1643 | <li class="product-category product-col"> | 1643 | <li class="product-category product-col"> | |||
| 1644 | <a href="#"> | 1644 | <a href="#"> | |||
| 1645 | <span class="thumb-info align-center"> | 1645 | <span class="thumb-info align-center"> | |||
| 1646 | <span class="thumb-info-wrapper tf-none"> | 1646 | <span class="thumb-info-wrapper tf-none"> | |||
| 1647 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/03/product-89-2.jpg"}}"/> | 1647 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/03/product-89-2.jpg"}}"/> | |||
| 1648 | </span> | 1648 | </span> | |||
| 1649 | <span class="thumb-info-wrap"> | 1649 | <span class="thumb-info-wrap"> | |||
| 1650 | <span class="thumb-info-title"> | 1650 | <span class="thumb-info-title"> | |||
| 1651 | <h3 class="sub-title thumb-info-inner">Bags</h3> | 1651 | <h3 class="sub-title thumb-info-inner">Bags</h3> | |||
| 1652 | <span class="thumb-info-type"> <mark class="count">4</mark> Products </span> | 1652 | <span class="thumb-info-type"> <mark class="count">4</mark> Products </span> | |||
| 1653 | </span> | 1653 | </span> | |||
| 1654 | </span> | 1654 | </span> | |||
| 1655 | </span> | 1655 | </span> | |||
| 1656 | </a> | 1656 | </a> | |||
| 1657 | </li> | 1657 | </li> | |||
| 1658 | <li class="product-category product-col"> | 1658 | <li class="product-category product-col"> | |||
| 1659 | <a href="#"> | 1659 | <a href="#"> | |||
| 1660 | <span class="thumb-info align-center"> | 1660 | <span class="thumb-info align-center"> | |||
| 1661 | <span class="thumb-info-wrapper tf-none"> | 1661 | <span class="thumb-info-wrapper tf-none"> | |||
| 1662 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/03/headphone-3.jpg"}}"/> | 1662 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/03/headphone-3.jpg"}}"/> | |||
| 1663 | </span> | 1663 | </span> | |||
| 1664 | <span class="thumb-info-wrap"> | 1664 | <span class="thumb-info-wrap"> | |||
| 1665 | <span class="thumb-info-title"> | 1665 | <span class="thumb-info-title"> | |||
| 1666 | <h3 class="sub-title thumb-info-inner">Electronics</h3> | 1666 | <h3 class="sub-title thumb-info-inner">Electronics</h3> | |||
| 1667 | <span class="thumb-info-type"> <mark class="count">8</mark> Products </span> | 1667 | <span class="thumb-info-type"> <mark class="count">8</mark> Products </span> | |||
| 1668 | </span> | 1668 | </span> | |||
| 1669 | </span> | 1669 | </span> | |||
| 1670 | </span> | 1670 | </span> | |||
| 1671 | </a> | 1671 | </a> | |||
| 1672 | </li> | 1672 | </li> | |||
| 1673 | <li class="product-category product-col"> | 1673 | <li class="product-category product-col"> | |||
| 1674 | <a href="#"> | 1674 | <a href="#"> | |||
| 1675 | <span class="thumb-info align-center"> | 1675 | <span class="thumb-info align-center"> | |||
| 1676 | <span class="thumb-info-wrapper tf-none"> | 1676 | <span class="thumb-info-wrapper tf-none"> | |||
| 1677 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/03/product-21.jpg"}}"/> | 1677 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/03/product-21.jpg"}}"/> | |||
| 1678 | </span> | 1678 | </span> | |||
| 1679 | <span class="thumb-info-wrap"> | 1679 | <span class="thumb-info-wrap"> | |||
| 1680 | <span class="thumb-info-title"> | 1680 | <span class="thumb-info-title"> | |||
| 1681 | <h3 class="sub-title thumb-info-inner">Fashion</h3> | 1681 | <h3 class="sub-title thumb-info-inner">Fashion</h3> | |||
| 1682 | <span class="thumb-info-type"> <mark class="count">11</mark> Products </span> | 1682 | <span class="thumb-info-type"> <mark class="count">11</mark> Products </span> | |||
| 1683 | </span> | 1683 | </span> | |||
| 1684 | </span> | 1684 | </span> | |||
| 1685 | </span> | 1685 | </span> | |||
| 1686 | </a> | 1686 | </a> | |||
| 1687 | </li> | 1687 | </li> | |||
| 1688 | <li class="product-category product-col"> | 1688 | <li class="product-category product-col"> | |||
| 1689 | <a href="#"> | 1689 | <a href="#"> | |||
| 1690 | <span class="thumb-info align-center"> | 1690 | <span class="thumb-info align-center"> | |||
| 1691 | <span class="thumb-info-wrapper tf-none"> | 1691 | <span class="thumb-info-wrapper tf-none"> | |||
| 1692 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/03/headphone-1.jpg"}}"/> | 1692 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/03/headphone-1.jpg"}}"/> | |||
| 1693 | </span> | 1693 | </span> | |||
| 1694 | <span class="thumb-info-wrap"> | 1694 | <span class="thumb-info-wrap"> | |||
| 1695 | <span class="thumb-info-title"> | 1695 | <span class="thumb-info-title"> | |||
| 1696 | <h3 class="sub-title thumb-info-inner">Headphone</h3> | 1696 | <h3 class="sub-title thumb-info-inner">Headphone</h3> | |||
| 1697 | <span class="thumb-info-type"> <mark class="count">3</mark> Products </span> | 1697 | <span class="thumb-info-type"> <mark class="count">3</mark> Products </span> | |||
| 1698 | </span> | 1698 | </span> | |||
| 1699 | </span> | 1699 | </span> | |||
| 1700 | </span> | 1700 | </span> | |||
| 1701 | </a> | 1701 | </a> | |||
| 1702 | </li> | 1702 | </li> | |||
| 1703 | <li class="product-category product-col"> | 1703 | <li class="product-category product-col"> | |||
| 1704 | <a href="#"> | 1704 | <a href="#"> | |||
| 1705 | <span class="thumb-info align-center"> | 1705 | <span class="thumb-info align-center"> | |||
| 1706 | <span class="thumb-info-wrapper tf-none"> | 1706 | <span class="thumb-info-wrapper tf-none"> | |||
| 1707 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/03/shoes-16-2.jpg"}}"/> | 1707 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/03/shoes-16-2.jpg"}}"/> | |||
| 1708 | </span> | 1708 | </span> | |||
| 1709 | <span class="thumb-info-wrap"> | 1709 | <span class="thumb-info-wrap"> | |||
| 1710 | <span class="thumb-info-title"> | 1710 | <span class="thumb-info-title"> | |||
| 1711 | <h3 class="sub-title thumb-info-inner">Shoes</h3> | 1711 | <h3 class="sub-title thumb-info-inner">Shoes</h3> | |||
| 1712 | <span class="thumb-info-type"> <mark class="count">4</mark> Products </span> | 1712 | <span class="thumb-info-type"> <mark class="count">4</mark> Products </span> | |||
| 1713 | </span> | 1713 | </span> | |||
| 1714 | </span> | 1714 | </span> | |||
| 1715 | </span> | 1715 | </span> | |||
| 1716 | </a> | 1716 | </a> | |||
| 1717 | </li> | 1717 | </li> | |||
| 1718 | </ul> | 1718 | </ul> | |||
| 1719 | <script type="text/javascript"> | 1719 | <script type="text/javascript"> | |||
| 1720 | require([ | 1720 | require([ | |||
| 1721 | 'jquery', | 1721 | 'jquery', | |||
| 1722 | 'owl.carousel/owl.carousel.min' | 1722 | 'owl.carousel/owl.carousel.min' | |||
| 1723 | ], function ($) { | 1723 | ], function ($) { | |||
| 1724 | $("#products-category").owlCarousel({ | 1724 | $("#products-category").owlCarousel({ | |||
| 1725 | autoplay: false, | 1725 | autoplay: false, | |||
| 1726 | autoplayTimeout: 5000, | 1726 | autoplayTimeout: 5000, | |||
| 1727 | autoplayHoverPause: true, | 1727 | autoplayHoverPause: true, | |||
| 1728 | loop: true, | 1728 | loop: true, | |||
| 1729 | navRewind: true, | 1729 | navRewind: true, | |||
| 1730 | lazyLoad:true, | 1730 | lazyLoad:true, | |||
| 1731 | margin: 0, | 1731 | margin: 0, | |||
| 1732 | nav: false, | 1732 | nav: false, | |||
| 1733 | dots: true, | 1733 | dots: true, | |||
| 1734 | responsive: { | 1734 | responsive: { | |||
| 1735 | 0: { | 1735 | 0: { | |||
| 1736 | items:2 | 1736 | items:2 | |||
| 1737 | }, | 1737 | }, | |||
| 1738 | 640: { | 1738 | 640: { | |||
| 1739 | items:3 | 1739 | items:3 | |||
| 1740 | }, | 1740 | }, | |||
| 1741 | 768: { | 1741 | 768: { | |||
| 1742 | items:3 | 1742 | items:3 | |||
| 1743 | }, | 1743 | }, | |||
| 1744 | 992: { | 1744 | 992: { | |||
| 1745 | items:4 | 1745 | items:4 | |||
| 1746 | }, | 1746 | }, | |||
| 1747 | 1200: { | 1747 | 1200: { | |||
| 1748 | items:6 | 1748 | items:6 | |||
| 1749 | } | 1749 | } | |||
| 1750 | } | 1750 | } | |||
| 1751 | }); | 1751 | }); | |||
| 1752 | }); | 1752 | }); | |||
| 1753 | </script> | 1753 | </script> | |||
| 1754 | </div> | 1754 | </div> | |||
| 1755 | </div> | 1755 | </div> | |||
| 1756 | </div> | 1756 | </div> | |||
| 1757 | <div id="home_ads" class="home-ads mt-0 mb-0" style="padding: 60px 0 40px;background-color: #f4f4f4;"> | 1757 | <div id="home_ads" class="home-ads mt-0 mb-0" style="padding: 60px 0 40px;background-color: #f4f4f4;"> | |||
| 1758 | <div class="container"> | 1758 | <div class="container"> | |||
| 1759 | <style scope="scope"> | 1759 | <style scope="scope"> | |||
| 1760 | .porto-ibanner:hover { | 1760 | .porto-ibanner:hover { | |||
| 1761 | box-shadow: 0px 0px 40px 0 rgba(0, 0, 0, 0.08); | 1761 | box-shadow: 0px 0px 40px 0 rgba(0, 0, 0, 0.08); | |||
| 1762 | } | 1762 | } | |||
| 1763 | .porto-ibanner .btn-modern.btn-sm { | 1763 | .porto-ibanner .btn-modern.btn-sm { | |||
| 1764 | padding: 1.3em 2em; | 1764 | padding: 1.3em 2em; | |||
| 1765 | letter-spacing: .15em; | 1765 | letter-spacing: .15em; | |||
| 1766 | font-size: .6875em; | 1766 | font-size: .6875em; | |||
| 1767 | } | 1767 | } | |||
| 1768 | .porto-ibe-boxshadow { | 1768 | .porto-ibe-boxshadow { | |||
| 1769 | transition: box-shadow 0.3s; | 1769 | transition: box-shadow 0.3s; | |||
| 1770 | } | 1770 | } | |||
| 1771 | </style> | 1771 | </style> | |||
| 1772 | <div class="row"> | 1772 | <div class="row"> | |||
| 1773 | <div class="col-sm-6 col-md-6 col-lg-3 col-12"> | 1773 | <div class="col-sm-6 col-md-6 col-lg-3 col-12"> | |||
| 1774 | <div class="wpb_wrapper vc_column-inner"> | 1774 | <div class="wpb_wrapper vc_column-inner"> | |||
| 1775 | <div class="porto-ibanner porto-ibe-boxshadow"> | 1775 | <div class="porto-ibanner porto-ibe-boxshadow"> | |||
| 1776 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/03/shop3_home_ads1.jpg"}}" class="porto-ibanner-img" /> | 1776 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/03/shop3_home_ads1.jpg"}}" class="porto-ibanner-img" /> | |||
| 1777 | <div class="porto-ibanner-desc no-padding d-flex"> | 1777 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 1778 | <div class="porto-ibanner-layer" style="left: 10%; bottom: 8%;"> | 1778 | <div class="porto-ibanner-layer" style="left: 10%; bottom: 8%;"> | |||
| 1779 | <h3 style="font-size: 1.625em; line-height: 1;" class="vc_custom_heading mb-2 ls-n-50 align-left">Sunglasses Sale</h3> | 1779 | <h3 style="font-size: 1.625em; line-height: 1;" class="vc_custom_heading mb-2 ls-n-50 align-left">Sunglasses Sale</h3> | |||
| 1780 | <p style="font-size: 0.9375em; color: #777777; line-height: 1.4;" class="vc_custom_heading mb-3 align-left">See all and find yours</p> | 1780 | <p style="font-size: 0.9375em; color: #777777; line-height: 1.4;" class="vc_custom_heading mb-3 align-left">See all and find yours</p> | |||
| 1781 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-sm btn-dark">Shop By Glasses</button></div> | 1781 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-sm btn-dark">Shop By Glasses</button></div> | |||
| 1782 | </div> | 1782 | </div> | |||
| 1783 | </div> | 1783 | </div> | |||
| 1784 | </div> | 1784 | </div> | |||
| 1785 | </div> | 1785 | </div> | |||
| 1786 | </div> | 1786 | </div> | |||
| 1787 | <div class="col-sm-6 col-md-6 col-lg-3 col-12"> | 1787 | <div class="col-sm-6 col-md-6 col-lg-3 col-12"> | |||
| 1788 | <div class="wpb_wrapper vc_column-inner"> | 1788 | <div class="wpb_wrapper vc_column-inner"> | |||
| 1789 | <div class="porto-ibanner porto-ibe-boxshadow"> | 1789 | <div class="porto-ibanner porto-ibe-boxshadow"> | |||
| 1790 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/03/shop3_home_ads2.jpg"}}" class="porto-ibanner-img" /> | 1790 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/03/shop3_home_ads2.jpg"}}" class="porto-ibanner-img" /> | |||
| 1791 | <div class="porto-ibanner-desc no-padding d-flex"> | 1791 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 1792 | <div class="porto-ibanner-layer" style="width: 100%; left: 50%; transform: translateX(-50%); top: 20%;"> | 1792 | <div class="porto-ibanner-layer" style="width: 100%; left: 50%; transform: translateX(-50%); top: 20%;"> | |||
| 1793 | <h3 style="font-size: 1.625em; line-height: 1; text-align: center;" class="vc_custom_heading mb-0 ls-n-50">Cosmetics Trends</h3> | 1793 | <h3 style="font-size: 1.625em; line-height: 1; text-align: center;" class="vc_custom_heading mb-0 ls-n-50">Cosmetics Trends</h3> | |||
| 1794 | <p style="font-size: 0.9375em; color: #777777; line-height: 1.5; text-align: center;" class="vc_custom_heading mb-4">Browse in all our categories</p> | 1794 | <p style="font-size: 0.9375em; color: #777777; line-height: 1.5; text-align: center;" class="vc_custom_heading mb-4">Browse in all our categories</p> | |||
| 1795 | <div class="btn-container mb-0 text-center"><button class="btn btn-modern btn-sm btn-dark">Shop By Glasses</button></div> | 1795 | <div class="btn-container mb-0 text-center"><button class="btn btn-modern btn-sm btn-dark">Shop By Glasses</button></div> | |||
| 1796 | </div> | 1796 | </div> | |||
| 1797 | </div> | 1797 | </div> | |||
| 1798 | </div> | 1798 | </div> | |||
| 1799 | </div> | 1799 | </div> | |||
| 1800 | </div> | 1800 | </div> | |||
| 1801 | <div class="col-sm-6 col-md-6 col-lg-3 col-12"> | 1801 | <div class="col-sm-6 col-md-6 col-lg-3 col-12"> | |||
| 1802 | <div class="wpb_wrapper vc_column-inner"> | 1802 | <div class="wpb_wrapper vc_column-inner"> | |||
| 1803 | <div class="porto-ibanner porto-ibe-boxshadow"> | 1803 | <div class="porto-ibanner porto-ibe-boxshadow"> | |||
| 1804 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/03/shop3_home_ads3.jpg"}}" class="porto-ibanner-img" /> | 1804 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/03/shop3_home_ads3.jpg"}}" class="porto-ibanner-img" /> | |||
| 1805 | <div class="porto-ibanner-desc no-padding d-flex"> | 1805 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 1806 | <div class="porto-ibanner-layer" style="width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%);"> | 1806 | <div class="porto-ibanner-layer" style="width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%);"> | |||
| 1807 | <h3 style="font-size: 1.625em; line-height: 1; text-align: center;" class="vc_custom_heading mb-1 ls-n-50 heading-light">Fashion Summer Sale</h3> | 1807 | <h3 style="font-size: 1.625em; line-height: 1; text-align: center;" class="vc_custom_heading mb-1 ls-n-50 heading-light">Fashion Summer Sale</h3> | |||
| 1808 | <p style="font-size: 0.9375em; color: rgba(255, 255, 255, 0.6); line-height: 1.4; text-align: center;" class="vc_custom_heading mb-4">Browse in all our categories</p> | 1808 | <p style="font-size: 0.9375em; color: rgba(255, 255, 255, 0.6); line-height: 1.4; text-align: center;" class="vc_custom_heading mb-4">Browse in all our categories</p> | |||
| 1809 | <div class="vc_btn3-container mb-0 text-center"><button class="vc_btn3 vc_btn3-shape-default btn btn-modern btn-sm btn-light">Shop By Glasses</button></div> | 1809 | <div class="vc_btn3-container mb-0 text-center"><button class="vc_btn3 vc_btn3-shape-default btn btn-modern btn-sm btn-light">Shop By Glasses</button></div> | |||
| 1810 | </div> | 1810 | </div> | |||
| 1811 | </div> | 1811 | </div> | |||
| 1812 | </div> | 1812 | </div> | |||
| 1813 | </div> | 1813 | </div> | |||
| 1814 | </div> | 1814 | </div> | |||
| 1815 | <div class="col-sm-6 vc_column_container col-md-6 col-lg-3 col-12"> | 1815 | <div class="col-sm-6 vc_column_container col-md-6 col-lg-3 col-12"> | |||
| 1816 | <div class="wpb_wrapper vc_column-inner"> | 1816 | <div class="wpb_wrapper vc_column-inner"> | |||
| 1817 | <div class="porto-ibanner porto-ibe-boxshadow"> | 1817 | <div class="porto-ibanner porto-ibe-boxshadow"> | |||
| 1818 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/03/shop3_home_ads4.jpg"}}" class="porto-ibanner-img" /> | 1818 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/03/shop3_home_ads4.jpg"}}" class="porto-ibanner-img" /> | |||
| 1819 | <div class="porto-ibanner-desc no-padding d-flex"> | 1819 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 1820 | <div class="porto-ibanner-layer layer-border" style="width: 82%; left: 50%; transform: translateX(-50%); bottom: 8%; padding-top: 2.75em; border: 5px solid #222529;"> | 1820 | <div class="porto-ibanner-layer layer-border" style="width: 82%; left: 50%; transform: translateX(-50%); bottom: 8%; padding-top: 2.75em; border: 5px solid #222529;"> | |||
| 1821 | <h3 style="font-size: 1.375em; line-height: 1; text-align: center;" class="vc_custom_heading mb-2 ls-n-50">UP TO 70% IN ALL BAGS</h3> | 1821 | <h3 style="font-size: 1.375em; line-height: 1; text-align: center;" class="vc_custom_heading mb-2 ls-n-50">UP TO 70% IN ALL BAGS</h3> | |||
| 1822 | <p style="font-size: 0.9375em; color: #777777; line-height: 1; text-align: center;" class="vc_custom_heading mb-0">Starting at $99</p> | 1822 | <p style="font-size: 0.9375em; color: #777777; line-height: 1; text-align: center;" class="vc_custom_heading mb-0">Starting at $99</p> | |||
| 1823 | <div class="btn-container mb-0 position-relative bottom-50 text-center"><button class="btn btn-modern btn-md btn-dark">Shop By Bags</button></div> | 1823 | <div class="btn-container mb-0 position-relative bottom-50 text-center"><button class="btn btn-modern btn-md btn-dark">Shop By Bags</button></div> | |||
| 1824 | </div> | 1824 | </div> | |||
| 1825 | </div> | 1825 | </div> | |||
| 1826 | </div> | 1826 | </div> | |||
| 1827 | </div> | 1827 | </div> | |||
| 1828 | </div> | 1828 | </div> | |||
| 1829 | </div> | 1829 | </div> | |||
| 1830 | </div> | 1830 | </div> | |||
| 1831 | </div> | 1831 | </div> | |||
| 1832 | <div class="porto-inner-container" style="padding: 65px 0 30px;"> | 1832 | <div class="porto-inner-container" style="padding: 65px 0 30px;"> | |||
| 1833 | <div class="container"> | 1833 | <div class="container"> | |||
| 1834 | <h2 class="section-title slider-title mb-5" style="font-size: 1.125rem;line-height: 1;text-align: center;letter-spacing: -.3px;"> | 1834 | <h2 class="section-title slider-title mb-5" style="font-size: 1.125rem;line-height: 1;text-align: center;letter-spacing: -.3px;"> | |||
| 1835 | <span class="inline-title">POPULAR PRODUCTS</span> | 1835 | <span class="inline-title">POPULAR PRODUCTS</span> | |||
| 1836 | <span class="line"></span> | 1836 | <span class="line"></span> | |||
| 1837 | </h2> | 1837 | </h2> | |||
| 1838 | <div class="porto-products"> | 1838 | <div class="porto-products"> | |||
| 1839 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_type="3" product_count="12" column_count="6" aspect_ratio="0" image_width="350" image_height="350" template="grid.phtml"}} | 1839 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_type="3" product_count="12" column_count="6" aspect_ratio="0" image_width="350" image_height="350" template="grid.phtml"}} | |||
| 1840 | </div> | 1840 | </div> | |||
| 1841 | <div class="porto-separator taller"><hr class="separator-line align_center solid" style="background-color:#e7e7e7;"></div> | 1841 | <div class="porto-separator taller"><hr class="separator-line align_center solid" style="background-color:#e7e7e7;"></div> | |||
| 1842 | <div class="row mb-4"> | 1842 | <div class="row mb-4"> | |||
| 1843 | <div class="col-sm-6 col-md-3"> | 1843 | <div class="col-sm-6 col-md-3"> | |||
| 1844 | <div class="wpb_wrapper vc_column-inner"> | 1844 | <div class="wpb_wrapper vc_column-inner"> | |||
| 1845 | <div class="porto-sicon-box px-lg-4 px-xl-5 style_1 top-icon"> | 1845 | <div class="porto-sicon-box px-lg-4 px-xl-5 style_1 top-icon"> | |||
| 1846 | <div class="porto-sicon-top"> | 1846 | <div class="porto-sicon-top"> | |||
| 1847 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 1847 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 1848 | <div class="porto-icon none" style="color: #222529; font-size: 35px; display: inline-block;"><i class="Simple-Line-Icons-earphones-alt"></i></div> | 1848 | <div class="porto-icon none" style="color: #222529; font-size: 35px; display: inline-block;"><i class="Simple-Line-Icons-earphones-alt"></i></div> | |||
| 1849 | </div> | 1849 | </div> | |||
| 1850 | </div> | 1850 | </div> | |||
| 1851 | <div class="porto-sicon-header"> | 1851 | <div class="porto-sicon-header"> | |||
| 1852 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1.25rem; line-height: 1.4;">CUSTOMER SUPPORT</h3> | 1852 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1.25rem; line-height: 1.4;">CUSTOMER SUPPORT</h3> | |||
| 1853 | <p style="font-weight: 600; font-size: 0.875rem; line-height: 1;">Need Assistence?</p> | 1853 | <p style="font-weight: 600; font-size: 0.875rem; line-height: 1;">Need Assistence?</p> | |||
| 1854 | </div> | 1854 | </div> | |||
| 1855 | <div class="porto-sicon-description" style="font-size: 0.8125rem; line-height: 1.5rem;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</div> | 1855 | <div class="porto-sicon-description" style="font-size: 0.8125rem; line-height: 1.5rem;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</div> | |||
| 1856 | </div> | 1856 | </div> | |||
| 1857 | </div> | 1857 | </div> | |||
| 1858 | </div> | 1858 | </div> | |||
| 1859 | <div class="col-sm-6 col-md-3"> | 1859 | <div class="col-sm-6 col-md-3"> | |||
| 1860 | <div class="wpb_wrapper vc_column-inner"> | 1860 | <div class="wpb_wrapper vc_column-inner"> | |||
| 1861 | <div class="porto-sicon-box px-lg-4 px-xl-5 style_1 top-icon"> | 1861 | <div class="porto-sicon-box px-lg-4 px-xl-5 style_1 top-icon"> | |||
| 1862 | <div class="porto-sicon-top"> | 1862 | <div class="porto-sicon-top"> | |||
| 1863 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 1863 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 1864 | <div class="porto-icon none" style="color: #222529; font-size: 35px; display: inline-block;"><i class="Simple-Line-Icons-credit-card"></i></div> | 1864 | <div class="porto-icon none" style="color: #222529; font-size: 35px; display: inline-block;"><i class="Simple-Line-Icons-credit-card"></i></div> | |||
| 1865 | </div> | 1865 | </div> | |||
| 1866 | </div> | 1866 | </div> | |||
| 1867 | <div class="porto-sicon-header"> | 1867 | <div class="porto-sicon-header"> | |||
| 1868 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1.25rem; line-height: 1.4;">SECURED PAYMENT</h3> | 1868 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1.25rem; line-height: 1.4;">SECURED PAYMENT</h3> | |||
| 1869 | <p style="font-weight: 600; font-size: 0.875rem; line-height: 1;">Safe & Fast</p> | 1869 | <p style="font-weight: 600; font-size: 0.875rem; line-height: 1;">Safe & Fast</p> | |||
| 1870 | </div> | 1870 | </div> | |||
| 1871 | <div class="porto-sicon-description" style="font-size: 0.8125rem; line-height: 1.5rem;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapibus lacus. Lorem ipsum dolor sit amet.</div> | 1871 | <div class="porto-sicon-description" style="font-size: 0.8125rem; line-height: 1.5rem;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapibus lacus. Lorem ipsum dolor sit amet.</div> | |||
| 1872 | </div> | 1872 | </div> | |||
| 1873 | </div> | 1873 | </div> | |||
| 1874 | </div> | 1874 | </div> | |||
| 1875 | <div class="col-sm-6 col-md-3"> | 1875 | <div class="col-sm-6 col-md-3"> | |||
| 1876 | <div class="wpb_wrapper vc_column-inner"> | 1876 | <div class="wpb_wrapper vc_column-inner"> | |||
| 1877 | <div class="porto-sicon-box px-lg-4 px-xl-5 style_1 top-icon"> | 1877 | <div class="porto-sicon-box px-lg-4 px-xl-5 style_1 top-icon"> | |||
| 1878 | <div class="porto-sicon-top"> | 1878 | <div class="porto-sicon-top"> | |||
| 1879 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 1879 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 1880 | <div class="porto-icon none" style="color: #222529; font-size: 35px; display: inline-block;"><i class="Simple-Line-Icons-action-undo"></i></div> | 1880 | <div class="porto-icon none" style="color: #222529; font-size: 35px; display: inline-block;"><i class="Simple-Line-Icons-action-undo"></i></div> | |||
| 1881 | </div> | 1881 | </div> | |||
| 1882 | </div> | 1882 | </div> | |||
| 1883 | <div class="porto-sicon-header"> | 1883 | <div class="porto-sicon-header"> | |||
| 1884 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1.25rem; line-height: 1.4;">FREE RETURNS</h3> | 1884 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1.25rem; line-height: 1.4;">FREE RETURNS</h3> | |||
| 1885 | <p style="font-weight: 600; font-size: 0.875rem; line-height: 1;">Easy & Free</p> | 1885 | <p style="font-weight: 600; font-size: 0.875rem; line-height: 1;">Easy & Free</p> | |||
| 1886 | </div> | 1886 | </div> | |||
| 1887 | <div class="porto-sicon-description" style="font-size: 0.8125rem; line-height: 1.5rem;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</div> | 1887 | <div class="porto-sicon-description" style="font-size: 0.8125rem; line-height: 1.5rem;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</div> | |||
| 1888 | </div> | 1888 | </div> | |||
| 1889 | </div> | 1889 | </div> | |||
| 1890 | </div> | 1890 | </div> | |||
| 1891 | <div class="col-sm-6 col-md-3"> | 1891 | <div class="col-sm-6 col-md-3"> | |||
| 1892 | <div class="wpb_wrapper vc_column-inner"> | 1892 | <div class="wpb_wrapper vc_column-inner"> | |||
| 1893 | <div class="porto-sicon-box px-lg-4 px-xl-5 style_1 top-icon"> | 1893 | <div class="porto-sicon-box px-lg-4 px-xl-5 style_1 top-icon"> | |||
| 1894 | <div class="porto-sicon-top"> | 1894 | <div class="porto-sicon-top"> | |||
| 1895 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 1895 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 1896 | <div class="porto-icon none" style="color: #222529; font-size: 35px; display: inline-block;"><i class="porto-icon-shipping"></i></div> | 1896 | <div class="porto-icon none" style="color: #222529; font-size: 35px; display: inline-block;"><i class="porto-icon-shipping"></i></div> | |||
| 1897 | </div> | 1897 | </div> | |||
| 1898 | </div> | 1898 | </div> | |||
| 1899 | <div class="porto-sicon-header"> | 1899 | <div class="porto-sicon-header"> | |||
| 1900 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1.25rem; line-height: 1.4;">FREE SHIPPING</h3> | 1900 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1.25rem; line-height: 1.4;">FREE SHIPPING</h3> | |||
| 1901 | <p style="font-weight: 600; font-size: 0.875rem; line-height: 1;">Orders Over $99</p> | 1901 | <p style="font-weight: 600; font-size: 0.875rem; line-height: 1;">Orders Over $99</p> | |||
| 1902 | </div> | 1902 | </div> | |||
| 1903 | <div class="porto-sicon-description" style="font-size: 0.8125rem; line-height: 1.5rem;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</div> | 1903 | <div class="porto-sicon-description" style="font-size: 0.8125rem; line-height: 1.5rem;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</div> | |||
| 1904 | </div> | 1904 | </div> | |||
| 1905 | </div> | 1905 | </div> | |||
| 1906 | </div> | 1906 | </div> | |||
| 1907 | </div> | 1907 | </div> | |||
| 1908 | <style> | 1908 | <style> | |||
| 1909 | html .top-icon .porto-just-icon-wrapper { | 1909 | html .top-icon .porto-just-icon-wrapper { | |||
| 1910 | margin-bottom: 2rem; | 1910 | margin-bottom: 2rem; | |||
| 1911 | } | 1911 | } | |||
| 1912 | </style> | 1912 | </style> | |||
| 1913 | </div> | 1913 | </div> | |||
| 1914 | </div>]]> | 1914 | </div>]]> | |||
| 1915 | </content> | 1915 | </content> | |||
| 1916 | 1916 | |||||
| 1917 | <is_active> | 1917 | <is_active> | |||
| 1918 | 1 | 1918 | 1 | |||
| 1919 | </is_active> | 1919 | </is_active> | |||
| 1920 | 1920 | |||||
| 1921 | <page_layout> | 1921 | <page_layout> | |||
| 1922 | 1column | 1922 | 1column | |||
| 1923 | </page_layout> | 1923 | </page_layout> | |||
| 1924 | 1924 | |||||
| 1925 | <layout_update_xml> | 1925 | <layout_update_xml> | |||
| 1926 | <![CDATA[]]> | 1926 | <![CDATA[]]> | |||
| 1927 | </layout_update_xml> | 1927 | </layout_update_xml> | |||
| 1928 | 1928 | |||||
| 1929 | </cms_item> | 1929 | </cms_item> | |||
| 1930 | 1930 | |||||
| 1931 | <cms_item> | 1931 | <cms_item> | |||
| 1932 | 1932 | |||||
| 1933 | <title> | 1933 | <title> | |||
| 1934 | Porto - Homepage 4 | 1934 | Porto - Homepage 4 | |||
| 1935 | </title> | 1935 | </title> | |||
| 1936 | 1936 | |||||
| 1937 | <identifier> | 1937 | <identifier> | |||
| 1938 | porto_home_4 | 1938 | porto_home_4 | |||
| 1939 | </identifier> | 1939 | </identifier> | |||
| 1940 | 1940 | |||||
| 1941 | <content> | 1941 | <content> | |||
| 1942 | <![CDATA[<div id="banner-slider-demo-4" class="porto-carousel owl-carousel m-b-none home-banner-slider nav-pos-inside nav-style-4 show-nav-hover"> | 1942 | <![CDATA[<div id="banner-slider-demo-4" class="porto-carousel owl-carousel m-b-none home-banner-slider nav-pos-inside nav-style-4 show-nav-hover"> | |||
| 1943 | <div class="porto-ultimate-content-box-container"> | 1943 | <div class="porto-ultimate-content-box-container"> | |||
| 1944 | <div class="porto-ultimate-content-box has-content-pos justify-content-center" | 1944 | <div class="porto-ultimate-content-box has-content-pos justify-content-center" | |||
| 1945 | style="background-color: #f4f4f4 | 1945 | style="background-color: #f4f4f4 | |||
| 1946 | background-size: cover; | 1946 | background-size: cover; | |||
| 1947 | background-repeat: no-repeat; | 1947 | background-repeat: no-repeat; | |||
| 1948 | background-position: center center; | 1948 | background-position: center center; | |||
| 1949 | background-color: rgba(0, 0, 0, 0); | 1949 | background-color: rgba(0, 0, 0, 0); | |||
| 1950 | min-height: 499px; | 1950 | min-height: 499px; | |||
| 1951 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/04/shop4_home_slider1.jpg"}}');"> | 1951 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/04/shop4_home_slider1.jpg"}}');"> | |||
| 1952 | <div class="porto-container container first-banner"> | 1952 | <div class="porto-container container first-banner"> | |||
| 1953 | <h3 style="font-size: 1.9em; color: rgba(34, 37, 41, 0.7); line-height: 1; font-weight: 500;" class="vc_custom_heading ls-80 mb-3 align-left">Find the Boundaries. Push Through!</h3> | 1953 | <h3 style="font-size: 1.9em; color: rgba(34, 37, 41, 0.7); line-height: 1; font-weight: 500;" class="vc_custom_heading ls-80 mb-3 align-left">Find the Boundaries. Push Through!</h3> | |||
| 1954 | <h2 style="font-size: 5.3em; line-height: 1; font-weight: 700; letter-spacing: 0.005em;" class="vc_custom_heading mb-0 align-left">Summer Sale</h2> | 1954 | <h2 style="font-size: 5.3em; line-height: 1; font-weight: 700; letter-spacing: 0.005em;" class="vc_custom_heading mb-0 align-left">Summer Sale</h2> | |||
| 1955 | <h3 style="font-size: 9.4em; line-height: 1;" class="vc_custom_heading mb-3 align-left">70% OFF</h3> | 1955 | <h3 style="font-size: 9.4em; line-height: 1;" class="vc_custom_heading mb-3 align-left">70% OFF</h3> | |||
| 1956 | <div class="row"> | 1956 | <div class="row"> | |||
| 1957 | <div class="col-md-12"> | 1957 | <div class="col-md-12"> | |||
| 1958 | <div class="wpb_wrapper vc_column-inner"> | 1958 | <div class="wpb_wrapper vc_column-inner"> | |||
| 1959 | <h4 style="font-size: 1.2em; line-height: 1;" class="vc_custom_heading mr-3 pull-left p-t-sm ls-n-20 align-left text-uppercase">Starting At</h4> | 1959 | <h4 style="font-size: 1.2em; line-height: 1;" class="vc_custom_heading mr-3 pull-left p-t-sm ls-n-20 align-left text-uppercase">Starting At</h4> | |||
| 1960 | <h4 style="font-size: 1.8em; line-height: 1;" class="vc_custom_heading coupon-sale-text d-inline-block mr-2 align-left"> | 1960 | <h4 style="font-size: 1.8em; line-height: 1;" class="vc_custom_heading coupon-sale-text d-inline-block mr-2 align-left"> | |||
| 1961 | <b><sup>$</sup>199<sup>99</sup></b> | 1961 | <b><sup>$</sup>199<sup>99</sup></b> | |||
| 1962 | </h4> | 1962 | </h4> | |||
| 1963 | <div class="btn-container mb-0 d-inline-block" style="margin-left: -2px;"><button class="btn btn-modern btn-lg btn-dark">Shop Now!</button></div> | 1963 | <div class="btn-container mb-0 d-inline-block" style="margin-left: -2px;"><button class="btn btn-modern btn-lg btn-dark">Shop Now!</button></div> | |||
| 1964 | </div> | 1964 | </div> | |||
| 1965 | </div> | 1965 | </div> | |||
| 1966 | </div> | 1966 | </div> | |||
| 1967 | </div> | 1967 | </div> | |||
| 1968 | </div> | 1968 | </div> | |||
| 1969 | </div> | 1969 | </div> | |||
| 1970 | <div class="porto-ultimate-content-box-container"> | 1970 | <div class="porto-ultimate-content-box-container"> | |||
| 1971 | <div class="porto-ultimate-content-box has-content-pos justify-content-center" | 1971 | <div class="porto-ultimate-content-box has-content-pos justify-content-center" | |||
| 1972 | style="background-color: #f4f4f4 | 1972 | style="background-color: #f4f4f4 | |||
| 1973 | background-size: cover; | 1973 | background-size: cover; | |||
| 1974 | background-repeat: no-repeat; | 1974 | background-repeat: no-repeat; | |||
| 1975 | background-position: center center; | 1975 | background-position: center center; | |||
| 1976 | background-color: rgba(0, 0, 0, 0); | 1976 | background-color: rgba(0, 0, 0, 0); | |||
| 1977 | min-height: 499px; | 1977 | min-height: 499px; | |||
| 1978 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/04/shop4_home_slider2.jpg"}}'); | 1978 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/04/shop4_home_slider2.jpg"}}'); | |||
| 1979 | "> | 1979 | "> | |||
| 1980 | <div class="porto-container container d-flex justify-content-end"> | 1980 | <div class="porto-container container d-flex justify-content-end"> | |||
| 1981 | <div class="row justify-content-center col-8 col-md-7 col-lg-6"> | 1981 | <div class="row justify-content-center col-8 col-md-7 col-lg-6"> | |||
| 1982 | <div class="col-auto col-md-12"> | 1982 | <div class="col-auto col-md-12"> | |||
| 1983 | <div class="wpb_wrapper vc_column-inner"> | 1983 | <div class="wpb_wrapper vc_column-inner"> | |||
| 1984 | <h4 style="font-size: 3.4em; color: #999999; line-height: 1; font-weight: 500;" class="vc_custom_heading mb-1 align-left">EXTRA</h4> | 1984 | <h4 style="font-size: 3.4em; color: #999999; line-height: 1; font-weight: 500;" class="vc_custom_heading mb-1 align-left">EXTRA</h4> | |||
| 1985 | <h3 style="font-size: 6.9em; line-height: 1;" class="vc_custom_heading mb-2 align-left">20% OFF</h3> | 1985 | <h3 style="font-size: 6.9em; line-height: 1;" class="vc_custom_heading mb-2 align-left">20% OFF</h3> | |||
| 1986 | <div class="vc_custom_heading mb-3 align-left heading heading-border heading-dark heading-middle-border heading-middle-border-center heading-border-xl"> | 1986 | <div class="vc_custom_heading mb-3 align-left heading heading-border heading-dark heading-middle-border heading-middle-border-center heading-border-xl"> | |||
| 1987 | <h4 style="font-size: 3.4em; line-height: 1;" class="heading-tag">ACCESSORIES</h4> | 1987 | <h4 style="font-size: 3.4em; line-height: 1;" class="heading-tag">ACCESSORIES</h4> | |||
| 1988 | </div> | 1988 | </div> | |||
| 1989 | <h2 style="font-size: 4em; line-height: 1; font-weight: 700; letter-spacing: 0.005em;" class="vc_custom_heading mb-4 align-left">Summer Sale</h2> | 1989 | <h2 style="font-size: 4em; line-height: 1; font-weight: 700; letter-spacing: 0.005em;" class="vc_custom_heading mb-4 align-left">Summer Sale</h2> | |||
| 1990 | <div class="btn-container ls-150 mb-0 text-center"><button class="d-block btn btn-modern btn-xl btn-dark" style="letter-spacing: .15em;width:100%;">SHOP ALL SALE</button></div> | 1990 | <div class="btn-container ls-150 mb-0 text-center"><button class="d-block btn btn-modern btn-xl btn-dark" style="letter-spacing: .15em;width:100%;">SHOP ALL SALE</button></div> | |||
| 1991 | </div> | 1991 | </div> | |||
| 1992 | </div> | 1992 | </div> | |||
| 1993 | </div> | 1993 | </div> | |||
| 1994 | </div> | 1994 | </div> | |||
| 1995 | </div> | 1995 | </div> | |||
| 1996 | </div> | 1996 | </div> | |||
| 1997 | </div> | 1997 | </div> | |||
| 1998 | <style> | 1998 | <style> | |||
| 1999 | .columns .column.main { | 1999 | .columns .column.main { | |||
| 2000 | padding-bottom: 0; | 2000 | padding-bottom: 0; | |||
| 2001 | } | 2001 | } | |||
| 2002 | .home-banner-slider .container.first-banner>* { | 2002 | .home-banner-slider .container.first-banner>* { | |||
| 2003 | padding-left: 8%!important; | 2003 | padding-left: 8%!important; | |||
| 2004 | padding-right: 40%!important; | 2004 | padding-right: 40%!important; | |||
| 2005 | } | 2005 | } | |||
| 2006 | @media (max-width: 991px) { | 2006 | @media (max-width: 991px) { | |||
| 2007 | .home-banner-slider .container.first-banner>* { | 2007 | .home-banner-slider .container.first-banner>* { | |||
| 2008 | padding-left: 0!important; | 2008 | padding-left: 0!important; | |||
| 2009 | } | 2009 | } | |||
| 2010 | } | 2010 | } | |||
| 2011 | @media (max-width: 575px) { | 2011 | @media (max-width: 575px) { | |||
| 2012 | .home-banner-slider .container.first-banner>* { | 2012 | .home-banner-slider .container.first-banner>* { | |||
| 2013 | padding-right: 0!important; | 2013 | padding-right: 0!important; | |||
| 2014 | } | 2014 | } | |||
| 2015 | } | 2015 | } | |||
| 2016 | .coupon-sale-text { | 2016 | .coupon-sale-text { | |||
| 2017 | transform: rotate( | 2017 | transform: rotate( | |||
| 2018 | -2deg | 2018 | -2deg | |||
| 2019 | ); | 2019 | ); | |||
| 2020 | letter-spacing: -.01em; | 2020 | letter-spacing: -.01em; | |||
| 2021 | position: relative; | 2021 | position: relative; | |||
| 2022 | } | 2022 | } | |||
| 2023 | .coupon-sale-text b { | 2023 | .coupon-sale-text b { | |||
| 2024 | display: inline-block; | 2024 | display: inline-block; | |||
| 2025 | font-size: 1.6em; | 2025 | font-size: 1.6em; | |||
| 2026 | font-weight: 700; | 2026 | font-weight: 700; | |||
| 2027 | padding: 5px 8px; | 2027 | padding: 5px 8px; | |||
| 2028 | background-color: #ff7272; | 2028 | background-color: #ff7272; | |||
| 2029 | color: #fff; | 2029 | color: #fff; | |||
| 2030 | } | 2030 | } | |||
| 2031 | .coupon-sale-text sup { | 2031 | .coupon-sale-text sup { | |||
| 2032 | font-size: 50%; | 2032 | font-size: 50%; | |||
| 2033 | top: -.5em; | 2033 | top: -.5em; | |||
| 2034 | } | 2034 | } | |||
| 2035 | .coupon-sale-light-bg b { | 2035 | .coupon-sale-light-bg b { | |||
| 2036 | background: #fff; | 2036 | background: #fff; | |||
| 2037 | color: #222529; | 2037 | color: #222529; | |||
| 2038 | } | 2038 | } | |||
| 2039 | .coupon-sale-text i { | 2039 | .coupon-sale-text i { | |||
| 2040 | font-style: normal; | 2040 | font-style: normal; | |||
| 2041 | position: absolute; | 2041 | position: absolute; | |||
| 2042 | left: -2.25em; | 2042 | left: -2.25em; | |||
| 2043 | top: 50%; | 2043 | top: 50%; | |||
| 2044 | transform: translateY(-50%) rotate( | 2044 | transform: translateY(-50%) rotate( | |||
| 2045 | -90deg | 2045 | -90deg | |||
| 2046 | ); | 2046 | ); | |||
| 2047 | font-size: .65em; | 2047 | font-size: .65em; | |||
| 2048 | opacity: .6; | 2048 | opacity: .6; | |||
| 2049 | letter-spacing: 0; | 2049 | letter-spacing: 0; | |||
| 2050 | } | 2050 | } | |||
| 2051 | html .heading.heading-dark .heading-tag { | 2051 | html .heading.heading-dark .heading-tag { | |||
| 2052 | border-color: #222529; | 2052 | border-color: #222529; | |||
| 2053 | } | 2053 | } | |||
| 2054 | .heading.heading-border.heading-border-xl .heading-tag:before, .heading.heading-border.heading-border-xl .heading-tag:after { | 2054 | .heading.heading-border.heading-border-xl .heading-tag:before, .heading.heading-border.heading-border-xl .heading-tag:after { | |||
| 2055 | border-top-width: 7px; | 2055 | border-top-width: 7px; | |||
| 2056 | margin-top: -3px; | 2056 | margin-top: -3px; | |||
| 2057 | } | 2057 | } | |||
| 2058 | .heading.heading-border.heading-border-xl .heading-tag:before, .heading.heading-border.heading-border-xl .heading-tag:after { | 2058 | .heading.heading-border.heading-border-xl .heading-tag:before, .heading.heading-border.heading-border-xl .heading-tag:after { | |||
| 2059 | border-top-width: 7px; | 2059 | border-top-width: 7px; | |||
| 2060 | margin-top: -3px; | 2060 | margin-top: -3px; | |||
| 2061 | } | 2061 | } | |||
| 2062 | .row-center .row { | 2062 | .row-center .row { | |||
| 2063 | justify-content: center; | 2063 | justify-content: center; | |||
| 2064 | } | 2064 | } | |||
| 2065 | .post-item .read-more { | 2065 | .post-item .read-more { | |||
| 2066 | display: none; | 2066 | display: none; | |||
| 2067 | } | 2067 | } | |||
| 2068 | </style> | 2068 | </style> | |||
| 2069 | <script type="text/javascript"> | 2069 | <script type="text/javascript"> | |||
| 2070 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | 2070 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | |||
| 2071 | var banner_owl = $("#banner-slider-demo-4"); | 2071 | var banner_owl = $("#banner-slider-demo-4"); | |||
| 2072 | banner_owl.owlCarousel({ | 2072 | banner_owl.owlCarousel({ | |||
| 2073 | items: 1, | 2073 | items: 1, | |||
| 2074 | autoplay: false, | 2074 | autoplay: false, | |||
| 2075 | autoplayTimeout: 5000, | 2075 | autoplayTimeout: 5000, | |||
| 2076 | autoplayHoverPause: true, | 2076 | autoplayHoverPause: true, | |||
| 2077 | dots: false, | 2077 | dots: false, | |||
| 2078 | nav: true, | 2078 | nav: true, | |||
| 2079 | navRewind: true, | 2079 | navRewind: true, | |||
| 2080 | animateIn: "fadeIn", | 2080 | animateIn: "fadeIn", | |||
| 2081 | animateOut: "fadeOut", | 2081 | animateOut: "fadeOut", | |||
| 2082 | loop: true, | 2082 | loop: true, | |||
| 2083 | lazyLoad: true | 2083 | lazyLoad: true | |||
| 2084 | }); | 2084 | }); | |||
| 2085 | }); | 2085 | }); | |||
| 2086 | </script> | 2086 | </script> | |||
| 2087 | <div class="home-bar no-padding porto-inner-container" style="margin-top: 20px;margin-bottom: 20px;"> | 2087 | <div class="home-bar no-padding porto-inner-container" style="margin-top: 20px;margin-bottom: 20px;"> | |||
| 2088 | <div class="container"> | 2088 | <div class="container"> | |||
| 2089 | <div class="row align-items-center"> | 2089 | <div class="row align-items-center"> | |||
| 2090 | <div class="col-md-12"> | 2090 | <div class="col-md-12"> | |||
| 2091 | <div class="wpb_wrapper vc_column-inner"> | 2091 | <div class="wpb_wrapper vc_column-inner"> | |||
| 2092 | <div class="porto-carousel owl-carousel mb-0"> | 2092 | <div class="porto-carousel owl-carousel mb-0"> | |||
| 2093 | <div class="porto-sicon-box style_1 default-icon"> | 2093 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 2094 | <div class="porto-sicon-default"> | 2094 | <div class="porto-sicon-default"> | |||
| 2095 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 2095 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 2096 | <div class="porto-icon none" style="color: #222529; font-size: 35px; display: inline-block;"><i class="porto-icon-shipping"></i></div> | 2096 | <div class="porto-icon none" style="color: #222529; font-size: 35px; display: inline-block;"><i class="porto-icon-shipping"></i></div> | |||
| 2097 | </div> | 2097 | </div> | |||
| 2098 | </div> | 2098 | </div> | |||
| 2099 | <div class="porto-sicon-header"> | 2099 | <div class="porto-sicon-header"> | |||
| 2100 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 14px;">FREE SHIPPING & RETURN</h3> | 2100 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 14px;">FREE SHIPPING & RETURN</h3> | |||
| 2101 | <p style="font-size: 13px; line-height: 17px;">Free shipping on all orders over $99.</p> | 2101 | <p style="font-size: 13px; line-height: 17px;">Free shipping on all orders over $99.</p> | |||
| 2102 | </div> | 2102 | </div> | |||
| 2103 | </div> | 2103 | </div> | |||
| 2104 | <div class="porto-sicon-box style_1 default-icon"> | 2104 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 2105 | <div class="porto-sicon-default"> | 2105 | <div class="porto-sicon-default"> | |||
| 2106 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 2106 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 2107 | <div class="porto-icon none" style="color: #222529; font-size: 37px; display: inline-block;"><i class="porto-icon-money"></i></div> | 2107 | <div class="porto-icon none" style="color: #222529; font-size: 37px; display: inline-block;"><i class="porto-icon-money"></i></div> | |||
| 2108 | </div> | 2108 | </div> | |||
| 2109 | </div> | 2109 | </div> | |||
| 2110 | <div class="porto-sicon-header"> | 2110 | <div class="porto-sicon-header"> | |||
| 2111 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 14px;">MONEY BACK GUARANTEE</h3> | 2111 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 14px;">MONEY BACK GUARANTEE</h3> | |||
| 2112 | <p style="font-size: 13px; line-height: 17px;">100% money back guarantee</p> | 2112 | <p style="font-size: 13px; line-height: 17px;">100% money back guarantee</p> | |||
| 2113 | </div> | 2113 | </div> | |||
| 2114 | </div> | 2114 | </div> | |||
| 2115 | <div class="porto-sicon-box style_1 default-icon"> | 2115 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 2116 | <div class="porto-sicon-default"> | 2116 | <div class="porto-sicon-default"> | |||
| 2117 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 2117 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 2118 | <div class="porto-icon none" style="color: #222529; font-size: 37px; display: inline-block;"><i class="porto-icon-support"></i></div> | 2118 | <div class="porto-icon none" style="color: #222529; font-size: 37px; display: inline-block;"><i class="porto-icon-support"></i></div> | |||
| 2119 | </div> | 2119 | </div> | |||
| 2120 | </div> | 2120 | </div> | |||
| 2121 | <div class="porto-sicon-header"> | 2121 | <div class="porto-sicon-header"> | |||
| 2122 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 14px;">ONLINE SUPPORT 24/7</h3> | 2122 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 14px;">ONLINE SUPPORT 24/7</h3> | |||
| 2123 | <p style="font-size: 13px; line-height: 17px;">Lorem ipsum dolor sit amet.</p> | 2123 | <p style="font-size: 13px; line-height: 17px;">Lorem ipsum dolor sit amet.</p> | |||
| 2124 | </div> | 2124 | </div> | |||
| 2125 | </div> | 2125 | </div> | |||
| 2126 | </div> | 2126 | </div> | |||
| 2127 | </div> | 2127 | </div> | |||
| 2128 | </div> | 2128 | </div> | |||
| 2129 | </div> | 2129 | </div> | |||
| 2130 | </div> | 2130 | </div> | |||
| 2131 | <style> | 2131 | <style> | |||
| 2132 | .home-bar .porto-sicon-box { | 2132 | .home-bar .porto-sicon-box { | |||
| 2133 | justify-content: center; | 2133 | justify-content: center; | |||
| 2134 | padding: 1rem 0; | 2134 | padding: 1rem 0; | |||
| 2135 | margin: 0; | 2135 | margin: 0; | |||
| 2136 | border-right: 1px solid #e7e7e7; | 2136 | border-right: 1px solid #e7e7e7; | |||
| 2137 | margin-right: -2px; | 2137 | margin-right: -2px; | |||
| 2138 | } | 2138 | } | |||
| 2139 | </style> | 2139 | </style> | |||
| 2140 | <script type="text/javascript"> | 2140 | <script type="text/javascript"> | |||
| 2141 | require([ | 2141 | require([ | |||
| 2142 | 'jquery', | 2142 | 'jquery', | |||
| 2143 | 'owl.carousel/owl.carousel.min' | 2143 | 'owl.carousel/owl.carousel.min' | |||
| 2144 | ], function ($) { | 2144 | ], function ($) { | |||
| 2145 | $(".home-bar .owl-carousel").owlCarousel({ | 2145 | $(".home-bar .owl-carousel").owlCarousel({ | |||
| 2146 | autoplay: false, | 2146 | autoplay: false, | |||
| 2147 | autoplayTimeout: 5000, | 2147 | autoplayTimeout: 5000, | |||
| 2148 | autoplayHoverPause: true, | 2148 | autoplayHoverPause: true, | |||
| 2149 | loop: false, | 2149 | loop: false, | |||
| 2150 | navRewind: true, | 2150 | navRewind: true, | |||
| 2151 | lazyLoad:true, | 2151 | lazyLoad:true, | |||
| 2152 | margin: 0, | 2152 | margin: 0, | |||
| 2153 | nav: false, | 2153 | nav: false, | |||
| 2154 | dots: false, | 2154 | dots: false, | |||
| 2155 | responsive: { | 2155 | responsive: { | |||
| 2156 | 0: { | 2156 | 0: { | |||
| 2157 | items:1 | 2157 | items:1 | |||
| 2158 | }, | 2158 | }, | |||
| 2159 | 640: { | 2159 | 640: { | |||
| 2160 | items:3 | 2160 | items:3 | |||
| 2161 | }, | 2161 | }, | |||
| 2162 | 768: { | 2162 | 768: { | |||
| 2163 | items:3 | 2163 | items:3 | |||
| 2164 | }, | 2164 | }, | |||
| 2165 | 992: { | 2165 | 992: { | |||
| 2166 | items:3 | 2166 | items:3 | |||
| 2167 | }, | 2167 | }, | |||
| 2168 | 1200: { | 2168 | 1200: { | |||
| 2169 | items:3 | 2169 | items:3 | |||
| 2170 | } | 2170 | } | |||
| 2171 | } | 2171 | } | |||
| 2172 | }); | 2172 | }); | |||
| 2173 | }); | 2173 | }); | |||
| 2174 | </script> | 2174 | </script> | |||
| 2175 | </div> | 2175 | </div> | |||
| 2176 | <div class="home-ads porto-inner-container"> | 2176 | <div class="home-ads porto-inner-container"> | |||
| 2177 | <div class="container"> | 2177 | <div class="container"> | |||
| 2178 | <div class="row"> | 2178 | <div class="row"> | |||
| 2179 | <div class="col-md-4"> | 2179 | <div class="col-md-4"> | |||
| 2180 | <div class="wpb_wrapper vc_column-inner"> | 2180 | <div class="wpb_wrapper vc_column-inner"> | |||
| 2181 | <div class="porto-ultimate-content-box-container"> | 2181 | <div class="porto-ultimate-content-box-container"> | |||
| 2182 | <style> | 2182 | <style> | |||
| 2183 | .home-ads .porto-ultimate-content-box { | 2183 | .home-ads .porto-ultimate-content-box { | |||
| 2184 | will-change: box-shadow; | 2184 | will-change: box-shadow; | |||
| 2185 | box-shadow: none; | 2185 | box-shadow: none; | |||
| 2186 | } | 2186 | } | |||
| 2187 | .home-ads .porto-ultimate-content-box:hover { | 2187 | .home-ads .porto-ultimate-content-box:hover { | |||
| 2188 | box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); | 2188 | box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); | |||
| 2189 | } | 2189 | } | |||
| 2190 | </style> | 2190 | </style> | |||
| 2191 | <div | 2191 | <div | |||
| 2192 | class="porto-ultimate-content-box has-content-pos justify-content-center" | 2192 | class="porto-ultimate-content-box has-content-pos justify-content-center" | |||
| 2193 | style="margin-bottom: 20px; | 2193 | style="margin-bottom: 20px; | |||
| 2194 | padding-top: 1.6rem; | 2194 | padding-top: 1.6rem; | |||
| 2195 | padding-bottom: 1.6rem; | 2195 | padding-bottom: 1.6rem; | |||
| 2196 | padding-left: 1.6rem; | 2196 | padding-left: 1.6rem; | |||
| 2197 | background-color: #f4f4f4; | 2197 | background-color: #f4f4f4; | |||
| 2198 | background-size: cover; | 2198 | background-size: cover; | |||
| 2199 | background-repeat: no-repeat; | 2199 | background-repeat: no-repeat; | |||
| 2200 | background-position: center center; | 2200 | background-position: center center; | |||
| 2201 | background-color: rgba(0, 0, 0, 0); | 2201 | background-color: rgba(0, 0, 0, 0); | |||
| 2202 | min-height: 175px; | 2202 | min-height: 175px; | |||
| 2203 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/04/shop4_home_ads1.jpg"}}'); | 2203 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/04/shop4_home_ads1.jpg"}}'); | |||
| 2204 | "> | 2204 | "> | |||
| 2205 | <h3 style="font-size: 1.5rem; line-height: 1;" class="vc_custom_heading mb-2 align-left">Porto Watches</h3> | 2205 | <h3 style="font-size: 1.5rem; line-height: 1;" class="vc_custom_heading mb-2 align-left">Porto Watches</h3> | |||
| 2206 | <h4 style="font-size: 1.8125rem; line-height: 1; font-weight: 800;" class="vc_custom_heading mb-3 align-left heading-primary"> | 2206 | <h4 style="font-size: 1.8125rem; line-height: 1; font-weight: 800;" class="vc_custom_heading mb-3 align-left heading-primary"> | |||
| 2207 | <sup style="margin-right: -4px;"> | 2207 | <sup style="margin-right: -4px;"> | |||
| 2208 | <del><b>20%</b></del> | 2208 | <del><b>20%</b></del> | |||
| 2209 | </sup> | 2209 | </sup> | |||
| 2210 | 30%<sup>OFF</sup> | 2210 | 30%<sup>OFF</sup> | |||
| 2211 | </h4> | 2211 | </h4> | |||
| 2212 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-md btn-dark">Shop Now</button></div> | 2212 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-md btn-dark">Shop Now</button></div> | |||
| 2213 | </div> | 2213 | </div> | |||
| 2214 | </div> | 2214 | </div> | |||
| 2215 | </div> | 2215 | </div> | |||
| 2216 | </div> | 2216 | </div> | |||
| 2217 | <div class="home-ads2 col-md-4"> | 2217 | <div class="home-ads2 col-md-4"> | |||
| 2218 | <div class="wpb_wrapper vc_column-inner"> | 2218 | <div class="wpb_wrapper vc_column-inner"> | |||
| 2219 | <div class="porto-ultimate-content-box-container"> | 2219 | <div class="porto-ultimate-content-box-container"> | |||
| 2220 | <div | 2220 | <div | |||
| 2221 | class="porto-ultimate-content-box has-content-pos justify-content-center" | 2221 | class="porto-ultimate-content-box has-content-pos justify-content-center" | |||
| 2222 | style="margin-bottom: 20px; | 2222 | style="margin-bottom: 20px; | |||
| 2223 | padding-top: 1.6rem; | 2223 | padding-top: 1.6rem; | |||
| 2224 | padding-bottom: 1.6rem; | 2224 | padding-bottom: 1.6rem; | |||
| 2225 | border: 1rem solid #0088cc; | 2225 | border: 1rem solid #0088cc; | |||
| 2226 | background-color: #f4f4f4; | 2226 | background-color: #f4f4f4; | |||
| 2227 | background-size: cover; | 2227 | background-size: cover; | |||
| 2228 | background-repeat: no-repeat; | 2228 | background-repeat: no-repeat; | |||
| 2229 | background-position: center center; | 2229 | background-position: center center; | |||
| 2230 | background-color: rgba(0, 0, 0, 0); | 2230 | background-color: rgba(0, 0, 0, 0); | |||
| 2231 | min-height: 175px; | 2231 | min-height: 175px; | |||
| 2232 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/04/shop4_home_ads2-1.jpg"}}'); | 2232 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/04/shop4_home_ads2-1.jpg"}}'); | |||
| 2233 | "> | 2233 | "> | |||
| 2234 | <div class="row justify-content-center align-items-center"> | 2234 | <div class="row justify-content-center align-items-center"> | |||
| 2235 | <div class="col-auto col-md-7"> | 2235 | <div class="col-auto col-md-7"> | |||
| 2236 | <div class="wpb_wrapper vc_column-inner"> | 2236 | <div class="wpb_wrapper vc_column-inner"> | |||
| 2237 | <h3 style="font-size: 1.375rem; line-height: 1.35;" class="vc_custom_heading mb-0 text-right align-left">DEAL PROMOS</h3> | 2237 | <h3 style="font-size: 1.375rem; line-height: 1.35;" class="vc_custom_heading mb-0 text-right align-left">DEAL PROMOS</h3> | |||
| 2238 | <h4 style="font-size: 0.9375rem; color: #777777; line-height: 1; font-weight: 600;" class="vc_custom_heading mb-0 align-right text-uppercase">STARTING AT $99</h4> | 2238 | <h4 style="font-size: 0.9375rem; color: #777777; line-height: 1; font-weight: 600;" class="vc_custom_heading mb-0 align-right text-uppercase">STARTING AT $99</h4> | |||
| 2239 | </div> | 2239 | </div> | |||
| 2240 | </div> | 2240 | </div> | |||
| 2241 | <div class="col-auto vc_column_container col-md-5"> | 2241 | <div class="col-auto vc_column_container col-md-5"> | |||
| 2242 | <div class="wpb_wrapper vc_column-inner"> | 2242 | <div class="wpb_wrapper vc_column-inner"> | |||
| 2243 | <div class="btn-container my-2 d-inline-block"><button class="btn btn-modern btn-md btn-dark">Shop Now</button></div> | 2243 | <div class="btn-container my-2 d-inline-block"><button class="btn btn-modern btn-md btn-dark">Shop Now</button></div> | |||
| 2244 | </div> | 2244 | </div> | |||
| 2245 | </div> | 2245 | </div> | |||
| 2246 | </div> | 2246 | </div> | |||
| 2247 | </div> | 2247 | </div> | |||
| 2248 | </div> | 2248 | </div> | |||
| 2249 | </div> | 2249 | </div> | |||
| 2250 | </div> | 2250 | </div> | |||
| 2251 | <div class="col-md-4"> | 2251 | <div class="col-md-4"> | |||
| 2252 | <div class="wpb_wrapper vc_column-inner"> | 2252 | <div class="wpb_wrapper vc_column-inner"> | |||
| 2253 | <div class="porto-ultimate-content-box-container"> | 2253 | <div class="porto-ultimate-content-box-container"> | |||
| 2254 | <div | 2254 | <div | |||
| 2255 | class="porto-ultimate-content-box has-content-pos justify-content-center" | 2255 | class="porto-ultimate-content-box has-content-pos justify-content-center" | |||
| 2256 | style="margin-bottom: 20px; | 2256 | style="margin-bottom: 20px; | |||
| 2257 | padding-top: 1.6rem; | 2257 | padding-top: 1.6rem; | |||
| 2258 | padding-right: 1.6rem; | 2258 | padding-right: 1.6rem; | |||
| 2259 | padding-bottom: 1.6rem; | 2259 | padding-bottom: 1.6rem; | |||
| 2260 | background-color: #f4f4f4; | 2260 | background-color: #f4f4f4; | |||
| 2261 | background-size: cover; | 2261 | background-size: cover; | |||
| 2262 | background-repeat: no-repeat; | 2262 | background-repeat: no-repeat; | |||
| 2263 | background-position: center center; | 2263 | background-position: center center; | |||
| 2264 | background-color: rgba(0, 0, 0, 0); | 2264 | background-color: rgba(0, 0, 0, 0); | |||
| 2265 | min-height: 175px; | 2265 | min-height: 175px; | |||
| 2266 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/04/shop4_home_ads3.jpg"}}'); | 2266 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/04/shop4_home_ads3.jpg"}}'); | |||
| 2267 | "> | 2267 | "> | |||
| 2268 | <h3 style="font-size: 1.5rem; line-height: 1;" class="vc_custom_heading mb-2 align-right">Handbags</h3> | 2268 | <h3 style="font-size: 1.5rem; line-height: 1;" class="vc_custom_heading mb-2 align-right">Handbags</h3> | |||
| 2269 | <h4 style="font-size: 0.9375rem; line-height: 1.4; font-weight: 600;" class="vc_custom_heading mb-2 align-right heading-secondary">STARTING AT $99</h4> | 2269 | <h4 style="font-size: 0.9375rem; line-height: 1.4; font-weight: 600;" class="vc_custom_heading mb-2 align-right heading-secondary">STARTING AT $99</h4> | |||
| 2270 | <div class="btn-container mb-0 text-right"><button class="btn btn-modern btn-md btn-dark">Shop Now</button></div> | 2270 | <div class="btn-container mb-0 text-right"><button class="btn btn-modern btn-md btn-dark">Shop Now</button></div> | |||
| 2271 | </div> | 2271 | </div> | |||
| 2272 | </div> | 2272 | </div> | |||
| 2273 | </div> | 2273 | </div> | |||
| 2274 | </div> | 2274 | </div> | |||
| 2275 | </div> | 2275 | </div> | |||
| 2276 | </div> | 2276 | </div> | |||
| 2277 | </div> | 2277 | </div> | |||
| 2278 | <div class="pt-5" style="background-color: #fbfbfb;"> | 2278 | <div class="pt-5" style="background-color: #fbfbfb;"> | |||
| 2279 | <div class="container"> | 2279 | <div class="container"> | |||
| 2280 | <div class="row"> | 2280 | <div class="row"> | |||
| 2281 | <div class="col-md-12"> | 2281 | <div class="col-md-12"> | |||
| 2282 | <div id="featured-products" class="porto-products title-border-middle mb-3"> | 2282 | <div id="featured-products" class="porto-products title-border-middle mb-3"> | |||
| 2283 | <h2 class="section-title slider-title text-center"> | 2283 | <h2 class="section-title slider-title text-center"> | |||
| 2284 | <span class="line-l"></span> | 2284 | <span class="line-l"></span> | |||
| 2285 | <span class="inline-title">Featured Products</span> | 2285 | <span class="inline-title">Featured Products</span> | |||
| 2286 | <span class="line-r"></span> | 2286 | <span class="line-r"></span> | |||
| 2287 | </h2> | 2287 | </h2> | |||
| 2288 | <div class="slider-wrapper"> | 2288 | <div class="slider-wrapper"> | |||
| 2289 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1" product_count="8" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | 2289 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1" product_count="8" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||
| 2290 | <script type="text/javascript"> | 2290 | <script type="text/javascript"> | |||
| 2291 | require([ | 2291 | require([ | |||
| 2292 | 'jquery', | 2292 | 'jquery', | |||
| 2293 | 'owl.carousel/owl.carousel.min' | 2293 | 'owl.carousel/owl.carousel.min' | |||
| 2294 | ], function ($) { | 2294 | ], function ($) { | |||
| 2295 | $("#featured-products .owl-carousel").owlCarousel({ | 2295 | $("#featured-products .owl-carousel").owlCarousel({ | |||
| 2296 | autoplay: false, | 2296 | autoplay: false, | |||
| 2297 | autoplayTimeout: 5000, | 2297 | autoplayTimeout: 5000, | |||
| 2298 | autoplayHoverPause: true, | 2298 | autoplayHoverPause: true, | |||
| 2299 | loop: true, | 2299 | loop: true, | |||
| 2300 | navRewind: true, | 2300 | navRewind: true, | |||
| 2301 | lazyLoad:true, | 2301 | lazyLoad:true, | |||
| 2302 | margin: 0, | 2302 | margin: 0, | |||
| 2303 | nav: true, | 2303 | nav: true, | |||
| 2304 | dots: false, | 2304 | dots: false, | |||
| 2305 | responsive: { | 2305 | responsive: { | |||
| 2306 | 0: { | 2306 | 0: { | |||
| 2307 | items:2 | 2307 | items:2 | |||
| 2308 | }, | 2308 | }, | |||
| 2309 | 640: { | 2309 | 640: { | |||
| 2310 | items:3 | 2310 | items:3 | |||
| 2311 | }, | 2311 | }, | |||
| 2312 | 768: { | 2312 | 768: { | |||
| 2313 | items:3 | 2313 | items:3 | |||
| 2314 | }, | 2314 | }, | |||
| 2315 | 992: { | 2315 | 992: { | |||
| 2316 | items:4 | 2316 | items:4 | |||
| 2317 | }, | 2317 | }, | |||
| 2318 | 1200: { | 2318 | 1200: { | |||
| 2319 | items:4 | 2319 | items:4 | |||
| 2320 | } | 2320 | } | |||
| 2321 | } | 2321 | } | |||
| 2322 | }); | 2322 | }); | |||
| 2323 | }); | 2323 | }); | |||
| 2324 | </script> | 2324 | </script> | |||
| 2325 | </div> | 2325 | </div> | |||
| 2326 | </div> | 2326 | </div> | |||
| 2327 | </div> | 2327 | </div> | |||
| 2328 | </div> | 2328 | </div> | |||
| 2329 | </div> | 2329 | </div> | |||
| 2330 | </div> | 2330 | </div> | |||
| 2331 | <div class="pt-5"> | 2331 | <div class="pt-5"> | |||
| 2332 | <div class="container"> | 2332 | <div class="container"> | |||
| 2333 | <div class="row"> | 2333 | <div class="row"> | |||
| 2334 | <div class="col-md-12"> | 2334 | <div class="col-md-12"> | |||
| 2335 | <div id="latest-products" class="porto-products title-border-middle mb-3"> | 2335 | <div id="latest-products" class="porto-products title-border-middle mb-3"> | |||
| 2336 | <h2 class="section-title slider-title text-center"> | 2336 | <h2 class="section-title slider-title text-center"> | |||
| 2337 | <span class="line-l"></span> | 2337 | <span class="line-l"></span> | |||
| 2338 | <span class="inline-title">NEW ARRIVALS</span> | 2338 | <span class="inline-title">NEW ARRIVALS</span> | |||
| 2339 | <span class="line-r"></span> | 2339 | <span class="line-r"></span> | |||
| 2340 | </h2> | 2340 | </h2> | |||
| 2341 | <div class="slider-wrapper"> | 2341 | <div class="slider-wrapper"> | |||
| 2342 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1" product_count="8" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | 2342 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1" product_count="8" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||
| 2343 | <script type="text/javascript"> | 2343 | <script type="text/javascript"> | |||
| 2344 | require([ | 2344 | require([ | |||
| 2345 | 'jquery', | 2345 | 'jquery', | |||
| 2346 | 'owl.carousel/owl.carousel.min' | 2346 | 'owl.carousel/owl.carousel.min' | |||
| 2347 | ], function ($) { | 2347 | ], function ($) { | |||
| 2348 | $("#latest-products .owl-carousel").owlCarousel({ | 2348 | $("#latest-products .owl-carousel").owlCarousel({ | |||
| 2349 | autoplay: false, | 2349 | autoplay: false, | |||
| 2350 | autoplayTimeout: 5000, | 2350 | autoplayTimeout: 5000, | |||
| 2351 | autoplayHoverPause: true, | 2351 | autoplayHoverPause: true, | |||
| 2352 | loop: true, | 2352 | loop: true, | |||
| 2353 | navRewind: true, | 2353 | navRewind: true, | |||
| 2354 | lazyLoad:true, | 2354 | lazyLoad:true, | |||
| 2355 | margin: 0, | 2355 | margin: 0, | |||
| 2356 | nav: true, | 2356 | nav: true, | |||
| 2357 | dots: false, | 2357 | dots: false, | |||
| 2358 | responsive: { | 2358 | responsive: { | |||
| 2359 | 0: { | 2359 | 0: { | |||
| 2360 | items:2 | 2360 | items:2 | |||
| 2361 | }, | 2361 | }, | |||
| 2362 | 640: { | 2362 | 640: { | |||
| 2363 | items:2 | 2363 | items:2 | |||
| 2364 | }, | 2364 | }, | |||
| 2365 | 768: { | 2365 | 768: { | |||
| 2366 | items:3 | 2366 | items:3 | |||
| 2367 | }, | 2367 | }, | |||
| 2368 | 992: { | 2368 | 992: { | |||
| 2369 | items:4 | 2369 | items:4 | |||
| 2370 | }, | 2370 | }, | |||
| 2371 | 1200: { | 2371 | 1200: { | |||
| 2372 | items:5 | 2372 | items:5 | |||
| 2373 | } | 2373 | } | |||
| 2374 | } | 2374 | } | |||
| 2375 | }); | 2375 | }); | |||
| 2376 | }); | 2376 | }); | |||
| 2377 | </script> | 2377 | </script> | |||
| 2378 | </div> | 2378 | </div> | |||
| 2379 | </div> | 2379 | </div> | |||
| 2380 | <div class="row py-3 mb-5 align-items-center" | 2380 | <div class="row py-3 mb-5 align-items-center" | |||
| 2381 | style="margin-right: 0; | 2381 | style="margin-right: 0; | |||
| 2382 | margin-left: 0; | 2382 | margin-left: 0; | |||
| 2383 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/04/shop4_home_banner.jpg"}}'); | 2383 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/04/shop4_home_banner.jpg"}}'); | |||
| 2384 | background-position: center; | 2384 | background-position: center; | |||
| 2385 | background-repeat: no-repeat; | 2385 | background-repeat: no-repeat; | |||
| 2386 | background-size: cover; | 2386 | background-size: cover; | |||
| 2387 | "> | 2387 | "> | |||
| 2388 | <div class="col-md-9 col-xl-10 col-lg-4-5"> | 2388 | <div class="col-md-9 col-xl-10 col-lg-4-5"> | |||
| 2389 | <div class="wpb_wrapper vc_column-inner"> | 2389 | <div class="wpb_wrapper vc_column-inner"> | |||
| 2390 | <h2 style="font-size: 1.275rem; line-height: 1.2; text-align: center;" class="vc_custom_heading home-banner mb-4 px-3 mb-md-0 text-md-left heading-light"> | 2390 | <h2 style="font-size: 1.275rem; line-height: 1.2; text-align: center;" class="vc_custom_heading home-banner mb-4 px-3 mb-md-0 text-md-left heading-light"> | |||
| 2391 | <strong>BIG SALE</strong> ALL NEW FASHION BRANDS ITEMS UP TO 70% OFF <small>Online Purchases Only</small> | 2391 | <strong>BIG SALE</strong> ALL NEW FASHION BRANDS ITEMS UP TO 70% OFF <small>Online Purchases Only</small> | |||
| 2392 | </h2> | 2392 | </h2> | |||
| 2393 | </div> | 2393 | </div> | |||
| 2394 | </div> | 2394 | </div> | |||
| 2395 | <div class="col-md-3 col-xl-2 col-lg-1-5"> | 2395 | <div class="col-md-3 col-xl-2 col-lg-1-5"> | |||
| 2396 | <div class="wpb_wrapper vc_column-inner"> | 2396 | <div class="wpb_wrapper vc_column-inner"> | |||
| 2397 | <div class="btn-container mb-0 text-center"><button class="btn btn-modern btn-lg btn-light">View Sale</button></div> | 2397 | <div class="btn-container mb-0 text-center"><button class="btn btn-modern btn-lg btn-light">View Sale</button></div> | |||
| 2398 | </div> | 2398 | </div> | |||
| 2399 | </div> | 2399 | </div> | |||
| 2400 | <style> | 2400 | <style> | |||
| 2401 | .home-banner { | 2401 | .home-banner { | |||
| 2402 | letter-spacing: -.02em; | 2402 | letter-spacing: -.02em; | |||
| 2403 | } | 2403 | } | |||
| 2404 | .home-banner strong { | 2404 | .home-banner strong { | |||
| 2405 | position: relative; | 2405 | position: relative; | |||
| 2406 | z-index: 1; | 2406 | z-index: 1; | |||
| 2407 | display: inline-block; | 2407 | display: inline-block; | |||
| 2408 | padding: .4em .6em; | 2408 | padding: .4em .6em; | |||
| 2409 | margin-right: .5em; | 2409 | margin-right: .5em; | |||
| 2410 | } | 2410 | } | |||
| 2411 | .home-banner strong:before { | 2411 | .home-banner strong:before { | |||
| 2412 | content: ''; | 2412 | content: ''; | |||
| 2413 | display: block; | 2413 | display: block; | |||
| 2414 | background-color: #222529; | 2414 | background-color: #222529; | |||
| 2415 | display: block; | 2415 | display: block; | |||
| 2416 | position: absolute; | 2416 | position: absolute; | |||
| 2417 | left: 0; | 2417 | left: 0; | |||
| 2418 | right: 0; | 2418 | right: 0; | |||
| 2419 | top: 0; | 2419 | top: 0; | |||
| 2420 | bottom: 0; | 2420 | bottom: 0; | |||
| 2421 | transform: rotate( | 2421 | transform: rotate( | |||
| 2422 | -2deg | 2422 | -2deg | |||
| 2423 | ); | 2423 | ); | |||
| 2424 | z-index: -1; | 2424 | z-index: -1; | |||
| 2425 | } | 2425 | } | |||
| 2426 | .home-banner small { | 2426 | .home-banner small { | |||
| 2427 | font-size: 64%; | 2427 | font-size: 64%; | |||
| 2428 | font-weight: 400; | 2428 | font-weight: 400; | |||
| 2429 | opacity: .7; | 2429 | opacity: .7; | |||
| 2430 | vertical-align: middle; | 2430 | vertical-align: middle; | |||
| 2431 | margin-left: .8em; | 2431 | margin-left: .8em; | |||
| 2432 | color: inherit; | 2432 | color: inherit; | |||
| 2433 | } | 2433 | } | |||
| 2434 | </style> | 2434 | </style> | |||
| 2435 | </div> | 2435 | </div> | |||
| 2436 | <div id="category-products" class="porto-products title-border-middle mb-3"> | 2436 | <div id="category-products" class="porto-products title-border-middle mb-3"> | |||
| 2437 | <h2 class="section-title slider-title text-center mb-5" style="line-height:1;"> | 2437 | <h2 class="section-title slider-title text-center mb-5" style="line-height:1;"> | |||
| 2438 | <span class="line-l"></span> | 2438 | <span class="line-l"></span> | |||
| 2439 | <span class="inline-title">BROWSE OUR CATEGORIES</span> | 2439 | <span class="inline-title">BROWSE OUR CATEGORIES</span> | |||
| 2440 | <span class="line-r"></span> | 2440 | <span class="line-r"></span> | |||
| 2441 | </h2> | 2441 | </h2> | |||
| 2442 | <div class="slider-wrapper"> | 2442 | <div class="slider-wrapper"> | |||
| 2443 | <style> | 2443 | <style> | |||
| 2444 | ul.products li.product-category .thumb-info h3 { | 2444 | ul.products li.product-category .thumb-info h3 { | |||
| 2445 | letter-spacing: 0; | 2445 | letter-spacing: 0; | |||
| 2446 | font-family: Poppins; | 2446 | font-family: Poppins; | |||
| 2447 | text-transform: uppercase; | 2447 | text-transform: uppercase; | |||
| 2448 | } | 2448 | } | |||
| 2449 | ul.category-color-dark li.product-category .thumb-info-title { | 2449 | ul.category-color-dark li.product-category .thumb-info-title { | |||
| 2450 | background: #fff; | 2450 | background: #fff; | |||
| 2451 | padding: .75rem .5rem 1.25rem; | 2451 | padding: .75rem .5rem 1.25rem; | |||
| 2452 | } | 2452 | } | |||
| 2453 | ul.products li.product-category .thumb-info-wrapper:after { | 2453 | ul.products li.product-category .thumb-info-wrapper:after { | |||
| 2454 | background: rgba(27, 27, 23, 0); | 2454 | background: rgba(27, 27, 23, 0); | |||
| 2455 | } | 2455 | } | |||
| 2456 | li.product-category .thumb-info, li.product-category .thumb-info img, li.product-category .thumb-info-wrapper:after { | 2456 | li.product-category .thumb-info, li.product-category .thumb-info img, li.product-category .thumb-info-wrapper:after { | |||
| 2457 | border-radius: 50%; | 2457 | border-radius: 50%; | |||
| 2458 | } | 2458 | } | |||
| 2459 | </style> | 2459 | </style> | |||
| 2460 | <ul class="products products-container products-slider owl-carousel category-pos-bottom category-text-center category-color-dark nav-pos-outside nav-style-4 show-nav-hover"> | 2460 | <ul class="products products-container products-slider owl-carousel category-pos-bottom category-text-center category-color-dark nav-pos-outside nav-style-4 show-nav-hover"> | |||
| 2461 | <li class="product-category product-col"> | 2461 | <li class="product-category product-col"> | |||
| 2462 | <a href="#"> | 2462 | <a href="#"> | |||
| 2463 | <span class="thumb-info align-center"> | 2463 | <span class="thumb-info align-center"> | |||
| 2464 | <span class="thumb-info-wrapper tf-none"> | 2464 | <span class="thumb-info-wrapper tf-none"> | |||
| 2465 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/04/shop4_cat1.jpg"}}" /> | 2465 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/04/shop4_cat1.jpg"}}" /> | |||
| 2466 | </span> | 2466 | </span> | |||
| 2467 | <span class="thumb-info-wrap"> | 2467 | <span class="thumb-info-wrap"> | |||
| 2468 | <span class="thumb-info-title"> | 2468 | <span class="thumb-info-title"> | |||
| 2469 | <h3 class="sub-title thumb-info-inner">Accessories</h3> | 2469 | <h3 class="sub-title thumb-info-inner">Accessories</h3> | |||
| 2470 | <span class="thumb-info-type"> <mark class="count">3</mark> Products </span> | 2470 | <span class="thumb-info-type"> <mark class="count">3</mark> Products </span> | |||
| 2471 | </span> | 2471 | </span> | |||
| 2472 | </span> | 2472 | </span> | |||
| 2473 | </span> | 2473 | </span> | |||
| 2474 | </a> | 2474 | </a> | |||
| 2475 | </li> | 2475 | </li> | |||
| 2476 | <li class="product-category product-col"> | 2476 | <li class="product-category product-col"> | |||
| 2477 | <a href="#"> | 2477 | <a href="#"> | |||
| 2478 | <span class="thumb-info align-center"> | 2478 | <span class="thumb-info align-center"> | |||
| 2479 | <span class="thumb-info-wrapper tf-none"> | 2479 | <span class="thumb-info-wrapper tf-none"> | |||
| 2480 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/04/shop4_cat2.jpg"}}" /> | 2480 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/04/shop4_cat2.jpg"}}" /> | |||
| 2481 | </span> | 2481 | </span> | |||
| 2482 | <span class="thumb-info-wrap"> | 2482 | <span class="thumb-info-wrap"> | |||
| 2483 | <span class="thumb-info-title"> | 2483 | <span class="thumb-info-title"> | |||
| 2484 | <h3 class="sub-title thumb-info-inner">Caps</h3> | 2484 | <h3 class="sub-title thumb-info-inner">Caps</h3> | |||
| 2485 | <span class="thumb-info-type"> <mark class="count">1</mark> Products </span> | 2485 | <span class="thumb-info-type"> <mark class="count">1</mark> Products </span> | |||
| 2486 | </span> | 2486 | </span> | |||
| 2487 | </span> | 2487 | </span> | |||
| 2488 | </span> | 2488 | </span> | |||
| 2489 | </a> | 2489 | </a> | |||
| 2490 | </li> | 2490 | </li> | |||
| 2491 | <li class="product-category product-col"> | 2491 | <li class="product-category product-col"> | |||
| 2492 | <a href="#"> | 2492 | <a href="#"> | |||
| 2493 | <span class="thumb-info align-center"> | 2493 | <span class="thumb-info align-center"> | |||
| 2494 | <span class="thumb-info-wrapper tf-none"> | 2494 | <span class="thumb-info-wrapper tf-none"> | |||
| 2495 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/04/shop4_cat3.jpg"}}" /> | 2495 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/04/shop4_cat3.jpg"}}" /> | |||
| 2496 | </span> | 2496 | </span> | |||
| 2497 | <span class="thumb-info-wrap"> | 2497 | <span class="thumb-info-wrap"> | |||
| 2498 | <span class="thumb-info-title"> | 2498 | <span class="thumb-info-title"> | |||
| 2499 | <h3 class="sub-title thumb-info-inner">Clothing</h3> | 2499 | <h3 class="sub-title thumb-info-inner">Clothing</h3> | |||
| 2500 | <span class="thumb-info-type"> <mark class="count">4</mark> Products </span> | 2500 | <span class="thumb-info-type"> <mark class="count">4</mark> Products </span> | |||
| 2501 | </span> | 2501 | </span> | |||
| 2502 | </span> | 2502 | </span> | |||
| 2503 | </span> | 2503 | </span> | |||
| 2504 | </a> | 2504 | </a> | |||
| 2505 | </li> | 2505 | </li> | |||
| 2506 | <li class="product-category product-col"> | 2506 | <li class="product-category product-col"> | |||
| 2507 | <a href="#"> | 2507 | <a href="#"> | |||
| 2508 | <span class="thumb-info align-center"> | 2508 | <span class="thumb-info align-center"> | |||
| 2509 | <span class="thumb-info-wrapper tf-none"> | 2509 | <span class="thumb-info-wrapper tf-none"> | |||
| 2510 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/04/shop4_cat4.jpg"}}" /> | 2510 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/04/shop4_cat4.jpg"}}" /> | |||
| 2511 | </span> | 2511 | </span> | |||
| 2512 | <span class="thumb-info-wrap"> | 2512 | <span class="thumb-info-wrap"> | |||
| 2513 | <span class="thumb-info-title"> | 2513 | <span class="thumb-info-title"> | |||
| 2514 | <h3 class="sub-title thumb-info-inner">Dress</h3> | 2514 | <h3 class="sub-title thumb-info-inner">Dress</h3> | |||
| 2515 | <span class="thumb-info-type"> <mark class="count">4</mark> Products </span> | 2515 | <span class="thumb-info-type"> <mark class="count">4</mark> Products </span> | |||
| 2516 | </span> | 2516 | </span> | |||
| 2517 | </span> | 2517 | </span> | |||
| 2518 | </span> | 2518 | </span> | |||
| 2519 | </a> | 2519 | </a> | |||
| 2520 | </li> | 2520 | </li> | |||
| 2521 | <li class="product-category product-col"> | 2521 | <li class="product-category product-col"> | |||
| 2522 | <a href="#"> | 2522 | <a href="#"> | |||
| 2523 | <span class="thumb-info align-center"> | 2523 | <span class="thumb-info align-center"> | |||
| 2524 | <span class="thumb-info-wrapper tf-none"> | 2524 | <span class="thumb-info-wrapper tf-none"> | |||
| 2525 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/04/shop4_cat5.jpg"}}" /> | 2525 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/04/shop4_cat5.jpg"}}" /> | |||
| 2526 | </span> | 2526 | </span> | |||
| 2527 | <span class="thumb-info-wrap"> | 2527 | <span class="thumb-info-wrap"> | |||
| 2528 | <span class="thumb-info-title"> | 2528 | <span class="thumb-info-title"> | |||
| 2529 | <h3 class="sub-title thumb-info-inner">Electronics</h3> | 2529 | <h3 class="sub-title thumb-info-inner">Electronics</h3> | |||
| 2530 | <span class="thumb-info-type"> <mark class="count">2</mark> Products </span> | 2530 | <span class="thumb-info-type"> <mark class="count">2</mark> Products </span> | |||
| 2531 | </span> | 2531 | </span> | |||
| 2532 | </span> | 2532 | </span> | |||
| 2533 | </span> | 2533 | </span> | |||
| 2534 | </a> | 2534 | </a> | |||
| 2535 | </li> | 2535 | </li> | |||
| 2536 | <li class="product-category product-col"> | 2536 | <li class="product-category product-col"> | |||
| 2537 | <a href="#"> | 2537 | <a href="#"> | |||
| 2538 | <span class="thumb-info align-center"> | 2538 | <span class="thumb-info align-center"> | |||
| 2539 | <span class="thumb-info-wrapper tf-none"> | 2539 | <span class="thumb-info-wrapper tf-none"> | |||
| 2540 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/04/shop4_cat6.jpg"}}" /> | 2540 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/04/shop4_cat6.jpg"}}" /> | |||
| 2541 | </span> | 2541 | </span> | |||
| 2542 | <span class="thumb-info-wrap"> | 2542 | <span class="thumb-info-wrap"> | |||
| 2543 | <span class="thumb-info-title"> | 2543 | <span class="thumb-info-title"> | |||
| 2544 | <h3 class="sub-title thumb-info-inner">Fashion</h3> | 2544 | <h3 class="sub-title thumb-info-inner">Fashion</h3> | |||
| 2545 | <span class="thumb-info-type"> <mark class="count">6</mark> Products </span> | 2545 | <span class="thumb-info-type"> <mark class="count">6</mark> Products </span> | |||
| 2546 | </span> | 2546 | </span> | |||
| 2547 | </span> | 2547 | </span> | |||
| 2548 | </span> | 2548 | </span> | |||
| 2549 | </a> | 2549 | </a> | |||
| 2550 | </li> | 2550 | </li> | |||
| 2551 | </ul> | 2551 | </ul> | |||
| 2552 | <script type="text/javascript"> | 2552 | <script type="text/javascript"> | |||
| 2553 | require([ | 2553 | require([ | |||
| 2554 | 'jquery', | 2554 | 'jquery', | |||
| 2555 | 'owl.carousel/owl.carousel.min' | 2555 | 'owl.carousel/owl.carousel.min' | |||
| 2556 | ], function ($) { | 2556 | ], function ($) { | |||
| 2557 | $("#category-products .owl-carousel").owlCarousel({ | 2557 | $("#category-products .owl-carousel").owlCarousel({ | |||
| 2558 | autoplay: false, | 2558 | autoplay: false, | |||
| 2559 | autoplayTimeout: 5000, | 2559 | autoplayTimeout: 5000, | |||
| 2560 | autoplayHoverPause: true, | 2560 | autoplayHoverPause: true, | |||
| 2561 | loop: true, | 2561 | loop: true, | |||
| 2562 | navRewind: true, | 2562 | navRewind: true, | |||
| 2563 | lazyLoad:true, | 2563 | lazyLoad:true, | |||
| 2564 | margin: 0, | 2564 | margin: 0, | |||
| 2565 | nav: true, | 2565 | nav: true, | |||
| 2566 | dots: false, | 2566 | dots: false, | |||
| 2567 | responsive: { | 2567 | responsive: { | |||
| 2568 | 0: { | 2568 | 0: { | |||
| 2569 | items:2 | 2569 | items:2 | |||
| 2570 | }, | 2570 | }, | |||
| 2571 | 640: { | 2571 | 640: { | |||
| 2572 | items:3 | 2572 | items:3 | |||
| 2573 | }, | 2573 | }, | |||
| 2574 | 768: { | 2574 | 768: { | |||
| 2575 | items:3 | 2575 | items:3 | |||
| 2576 | }, | 2576 | }, | |||
| 2577 | 992: { | 2577 | 992: { | |||
| 2578 | items:4 | 2578 | items:4 | |||
| 2579 | }, | 2579 | }, | |||
| 2580 | 1200: { | 2580 | 1200: { | |||
| 2581 | items:5 | 2581 | items:5 | |||
| 2582 | } | 2582 | } | |||
| 2583 | } | 2583 | } | |||
| 2584 | }); | 2584 | }); | |||
| 2585 | }); | 2585 | }); | |||
| 2586 | </script> | 2586 | </script> | |||
| 2587 | </div> | 2587 | </div> | |||
| 2588 | </div> | 2588 | </div> | |||
| 2589 | </div> | 2589 | </div> | |||
| 2590 | </div> | 2590 | </div> | |||
| 2591 | </div> | 2591 | </div> | |||
| 2592 | </div> | 2592 | </div> | |||
| 2593 | <div class="pt-5 pb-4" style="background-color: #f6f7f9;"> | 2593 | <div class="pt-5 pb-4" style="background-color: #f6f7f9;"> | |||
| 2594 | <style> | 2594 | <style> | |||
| 2595 | .top-icon .porto-sicon-header p { | 2595 | .top-icon .porto-sicon-header p { | |||
| 2596 | font-family: Poppins; | 2596 | font-family: Poppins; | |||
| 2597 | } | 2597 | } | |||
| 2598 | </style> | 2598 | </style> | |||
| 2599 | <div class="container"> | 2599 | <div class="container"> | |||
| 2600 | <div class="row"> | 2600 | <div class="row"> | |||
| 2601 | <div class="col-md-4"> | 2601 | <div class="col-md-4"> | |||
| 2602 | <div class="wpb_wrapper vc_column-inner"> | 2602 | <div class="wpb_wrapper vc_column-inner"> | |||
| 2603 | <div class="porto-sicon-box px-4 style_1 top-icon"> | 2603 | <div class="porto-sicon-box px-4 style_1 top-icon"> | |||
| 2604 | <div class="porto-sicon-top"> | 2604 | <div class="porto-sicon-top"> | |||
| 2605 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 2605 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 2606 | <div | 2606 | <div | |||
| 2607 | class="porto-icon advanced" | 2607 | class="porto-icon advanced" | |||
| 2608 | style="color: #0088cc; background: transparent; border-style: solid; border-color: #dddddd; border-width: 2px; width: 76px; height: 76px; line-height: 76px; border-radius: 40px; font-size: 40px; display: inline-block;" | 2608 | style="color: #0088cc; background: transparent; border-style: solid; border-color: #dddddd; border-width: 2px; width: 76px; height: 76px; line-height: 76px; border-radius: 40px; font-size: 40px; display: inline-block;" | |||
| 2609 | > | 2609 | > | |||
| 2610 | <i class="Simple-Line-Icons-earphones-alt"></i> | 2610 | <i class="Simple-Line-Icons-earphones-alt"></i> | |||
| 2611 | </div> | 2611 | </div> | |||
| 2612 | </div> | 2612 | </div> | |||
| 2613 | </div> | 2613 | </div> | |||
| 2614 | <div class="porto-sicon-header"> | 2614 | <div class="porto-sicon-header"> | |||
| 2615 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 16px;">CUSTOMER SUPPORT</h3> | 2615 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 16px;">CUSTOMER SUPPORT</h3> | |||
| 2616 | <p style="font-weight: 500; font-size: 14px; line-height: 22px; color: #555555;">You Won't Be Alone</p> | 2616 | <p style="font-weight: 500; font-size: 14px; line-height: 22px; color: #555555;">You Won't Be Alone</p> | |||
| 2617 | </div> | 2617 | </div> | |||
| 2618 | <div class="porto-sicon-description" style="font-size: 13px;">We really care about you and your website as much as you do. Purchasing Porto or any other theme from us you get 100% free support.</div> | 2618 | <div class="porto-sicon-description" style="font-size: 13px;">We really care about you and your website as much as you do. Purchasing Porto or any other theme from us you get 100% free support.</div> | |||
| 2619 | </div> | 2619 | </div> | |||
| 2620 | </div> | 2620 | </div> | |||
| 2621 | </div> | 2621 | </div> | |||
| 2622 | <div class="col-md-4"> | 2622 | <div class="col-md-4"> | |||
| 2623 | <div class="wpb_wrapper vc_column-inner"> | 2623 | <div class="wpb_wrapper vc_column-inner"> | |||
| 2624 | <div class="porto-sicon-box px-4 style_1 top-icon"> | 2624 | <div class="porto-sicon-box px-4 style_1 top-icon"> | |||
| 2625 | <div class="porto-sicon-top"> | 2625 | <div class="porto-sicon-top"> | |||
| 2626 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 2626 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 2627 | <div | 2627 | <div | |||
| 2628 | class="porto-icon advanced" | 2628 | class="porto-icon advanced" | |||
| 2629 | style="color: #0088cc; background: transparent; border-style: solid; border-color: #dddddd; border-width: 2px; width: 76px; height: 76px; line-height: 76px; border-radius: 40px; font-size: 40px; display: inline-block;" | 2629 | style="color: #0088cc; background: transparent; border-style: solid; border-color: #dddddd; border-width: 2px; width: 76px; height: 76px; line-height: 76px; border-radius: 40px; font-size: 40px; display: inline-block;" | |||
| 2630 | > | 2630 | > | |||
| 2631 | <i class="Simple-Line-Icons-credit-card"></i> | 2631 | <i class="Simple-Line-Icons-credit-card"></i> | |||
| 2632 | </div> | 2632 | </div> | |||
| 2633 | </div> | 2633 | </div> | |||
| 2634 | </div> | 2634 | </div> | |||
| 2635 | <div class="porto-sicon-header"> | 2635 | <div class="porto-sicon-header"> | |||
| 2636 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 16px;">FULLY CUSTOMIZABLE</h3> | 2636 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 16px;">FULLY CUSTOMIZABLE</h3> | |||
| 2637 | <p style="font-weight: 500; font-size: 14px; line-height: 22px; color: #555555;">Tons Of Options</p> | 2637 | <p style="font-weight: 500; font-size: 14px; line-height: 22px; color: #555555;">Tons Of Options</p> | |||
| 2638 | </div> | 2638 | </div> | |||
| 2639 | <div class="porto-sicon-description" style="font-size: 13px;">With Porto you can customize the layout, colors and styles within only a few minutes. Start creating an amazing website right now!</div> | 2639 | <div class="porto-sicon-description" style="font-size: 13px;">With Porto you can customize the layout, colors and styles within only a few minutes. Start creating an amazing website right now!</div> | |||
| 2640 | </div> | 2640 | </div> | |||
| 2641 | </div> | 2641 | </div> | |||
| 2642 | </div> | 2642 | </div> | |||
| 2643 | <div class="col-md-4"> | 2643 | <div class="col-md-4"> | |||
| 2644 | <div class="wpb_wrapper vc_column-inner"> | 2644 | <div class="wpb_wrapper vc_column-inner"> | |||
| 2645 | <div class="porto-sicon-box px-4 style_1 top-icon"> | 2645 | <div class="porto-sicon-box px-4 style_1 top-icon"> | |||
| 2646 | <div class="porto-sicon-top"> | 2646 | <div class="porto-sicon-top"> | |||
| 2647 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 2647 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 2648 | <div | 2648 | <div | |||
| 2649 | class="porto-icon advanced" | 2649 | class="porto-icon advanced" | |||
| 2650 | style="color: #0088cc; background: transparent; border-style: solid; border-color: #dddddd; border-width: 2px; width: 76px; height: 76px; line-height: 76px; border-radius: 40px; font-size: 40px; display: inline-block;" | 2650 | style="color: #0088cc; background: transparent; border-style: solid; border-color: #dddddd; border-width: 2px; width: 76px; height: 76px; line-height: 76px; border-radius: 40px; font-size: 40px; display: inline-block;" | |||
| 2651 | > | 2651 | > | |||
| 2652 | <i class="Simple-Line-Icons-action-undo"></i> | 2652 | <i class="Simple-Line-Icons-action-undo"></i> | |||
| 2653 | </div> | 2653 | </div> | |||
| 2654 | </div> | 2654 | </div> | |||
| 2655 | </div> | 2655 | </div> | |||
| 2656 | <div class="porto-sicon-header"> | 2656 | <div class="porto-sicon-header"> | |||
| 2657 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 16px;">POWERFUL ADMIN</h3> | 2657 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 16px;">POWERFUL ADMIN</h3> | |||
| 2658 | <p style="font-weight: 500; font-size: 14px; line-height: 22px; color: #555555;">Made To Help You</p> | 2658 | <p style="font-weight: 500; font-size: 14px; line-height: 22px; color: #555555;">Made To Help You</p> | |||
| 2659 | </div> | 2659 | </div> | |||
| 2660 | <div class="porto-sicon-description" style="font-size: 13px;">Porto has very powerful admin features to help customer to build their own shop in minutes without any special skills in web development.</div> | 2660 | <div class="porto-sicon-description" style="font-size: 13px;">Porto has very powerful admin features to help customer to build their own shop in minutes without any special skills in web development.</div> | |||
| 2661 | </div> | 2661 | </div> | |||
| 2662 | </div> | 2662 | </div> | |||
| 2663 | </div> | 2663 | </div> | |||
| 2664 | </div> | 2664 | </div> | |||
| 2665 | </div> | 2665 | </div> | |||
| 2666 | </div> | 2666 | </div> | |||
| 2667 | <div | 2667 | <div | |||
| 2668 | style="background: url('{{media url="wysiwyg/smartwave/porto/homepage/04/shop4_home_banner2.jpg"}}') center center no-repeat; background-color: #222529; padding-top: 70px; padding-bottom: 70px;" | 2668 | style="background: url('{{media url="wysiwyg/smartwave/porto/homepage/04/shop4_home_banner2.jpg"}}') center center no-repeat; background-color: #222529; padding-top: 70px; padding-bottom: 70px;" | |||
| 2669 | class="row-center porto-inner-container" | 2669 | class="row-center porto-inner-container" | |||
| 2670 | > | 2670 | > | |||
| 2671 | <div class="container"> | 2671 | <div class="container"> | |||
| 2672 | <div class="row align-items-center"> | 2672 | <div class="row align-items-center"> | |||
| 2673 | <div class="col-sm-4 col-md-4"> | 2673 | <div class="col-sm-4 col-md-4"> | |||
| 2674 | <div class="wpb_wrapper vc_column-inner"> | 2674 | <div class="wpb_wrapper vc_column-inner"> | |||
| 2675 | <h2 style="font-size: 2.25rem; line-height: 1.15; text-align: center;" class="vc_custom_heading text-sm-right mb-4 mb-sm-0 heading-light"> | 2675 | <h2 style="font-size: 2.25rem; line-height: 1.15; text-align: center;" class="vc_custom_heading text-sm-right mb-4 mb-sm-0 heading-light"> | |||
| 2676 | TOP FASHION<br /> | 2676 | TOP FASHION<br /> | |||
| 2677 | DEALS | 2677 | DEALS | |||
| 2678 | </h2> | 2678 | </h2> | |||
| 2679 | </div> | 2679 | </div> | |||
| 2680 | </div> | 2680 | </div> | |||
| 2681 | <div class="col-sm-4 col-md-4 col-xl-3"> | 2681 | <div class="col-sm-4 col-md-4 col-xl-3"> | |||
| 2682 | <div class="wpb_wrapper vc_column-inner"> | 2682 | <div class="wpb_wrapper vc_column-inner"> | |||
| 2683 | <div class="btn-container mb-4 mb-sm-0 text-center"><button class="btn btn-modern btn-lg btn-quaternary">VIEW SALE</button></div> | 2683 | <div class="btn-container mb-4 mb-sm-0 text-center"><button class="btn btn-modern btn-lg btn-quaternary">VIEW SALE</button></div> | |||
| 2684 | </div> | 2684 | </div> | |||
| 2685 | </div> | 2685 | </div> | |||
| 2686 | <div class="col-sm-4 text-center text-sm-left col-md-4"> | 2686 | <div class="col-sm-4 text-center text-sm-left col-md-4"> | |||
| 2687 | <div class="wpb_wrapper vc_column-inner"> | 2687 | <div class="wpb_wrapper vc_column-inner"> | |||
| 2688 | <h5 style="font-size: 0.7rem; line-height: 1.4; text-align: center; font-weight: 700;" class="vc_custom_heading coupon-sale-text coupon-sale-light-bg m-b-sm text-sm-left"><b>Exclusive COUPON</b></h5> | 2688 | <h5 style="font-size: 0.7rem; line-height: 1.4; text-align: center; font-weight: 700;" class="vc_custom_heading coupon-sale-text coupon-sale-light-bg m-b-sm text-sm-left"><b>Exclusive COUPON</b></h5> | |||
| 2689 | <h5 style="font-size: 1rem; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-0 coupon-sale-text d-inline-block align-left heading-light"><i>UP TO</i><b>$100</b> OFF</h5> | 2689 | <h5 style="font-size: 1rem; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-0 coupon-sale-text d-inline-block align-left heading-light"><i>UP TO</i><b>$100</b> OFF</h5> | |||
| 2690 | </div> | 2690 | </div> | |||
| 2691 | </div> | 2691 | </div> | |||
| 2692 | </div> | 2692 | </div> | |||
| 2693 | </div> | 2693 | </div> | |||
| 2694 | </div> | 2694 | </div> | |||
| 2695 | <div class="porto-inner-container" style="padding: 50px 0;"> | 2695 | <div class="porto-inner-container" style="padding: 50px 0;"> | |||
| 2696 | <div class="container"> | 2696 | <div class="container"> | |||
| 2697 | <div class="porto-recent-posts porto-products heading title-border-middle"> | 2697 | <div class="porto-recent-posts porto-products heading title-border-middle"> | |||
| 2698 | <h2 class="section-title slider-title text-center mb-4" style="line-height:1;"> | 2698 | <h2 class="section-title slider-title text-center mb-4" style="line-height:1;"> | |||
| 2699 | <span class="line-l"></span> | 2699 | <span class="line-l"></span> | |||
| 2700 | <span class="inline-title">LATEST NEWS</span> | 2700 | <span class="inline-title">LATEST NEWS</span> | |||
| 2701 | <span class="line-r"></span> | 2701 | <span class="line-r"></span> | |||
| 2702 | </h2> | 2702 | </h2> | |||
| 2703 | <div class="row"> | 2703 | <div class="row"> | |||
| 2704 | <div class="post-carousel porto-carousel owl-carousel dots-style-1 nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover"> | 2704 | <div class="post-carousel porto-carousel owl-carousel dots-style-1 nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover"> | |||
| 2705 | {{widget type="Magefan\Blog\Block\Widget\Recent" number_of_posts="4" custom_template="recent_home.phtml"}} | 2705 | {{widget type="Magefan\Blog\Block\Widget\Recent" number_of_posts="4" custom_template="recent_home.phtml"}} | |||
| 2706 | </div> | 2706 | </div> | |||
| 2707 | </div> | 2707 | </div> | |||
| 2708 | <script type="text/javascript"> | 2708 | <script type="text/javascript"> | |||
| 2709 | require([ | 2709 | require([ | |||
| 2710 | 'jquery', | 2710 | 'jquery', | |||
| 2711 | 'owl.carousel/owl.carousel.min' | 2711 | 'owl.carousel/owl.carousel.min' | |||
| 2712 | ], function ($) { | 2712 | ], function ($) { | |||
| 2713 | $(".porto-recent-posts .owl-carousel").owlCarousel({ | 2713 | $(".porto-recent-posts .owl-carousel").owlCarousel({ | |||
| 2714 | autoplay: false, | 2714 | autoplay: false, | |||
| 2715 | autoplayTimeout: 5000, | 2715 | autoplayTimeout: 5000, | |||
| 2716 | autoplayHoverPause: true, | 2716 | autoplayHoverPause: true, | |||
| 2717 | loop: true, | 2717 | loop: true, | |||
| 2718 | navRewind: true, | 2718 | navRewind: true, | |||
| 2719 | lazyLoad:true, | 2719 | lazyLoad:true, | |||
| 2720 | margin: 0, | 2720 | margin: 0, | |||
| 2721 | nav: false, | 2721 | nav: false, | |||
| 2722 | dots: false, | 2722 | dots: false, | |||
| 2723 | responsive: { | 2723 | responsive: { | |||
| 2724 | 0: { | 2724 | 0: { | |||
| 2725 | items:1 | 2725 | items:1 | |||
| 2726 | }, | 2726 | }, | |||
| 2727 | 640: { | 2727 | 640: { | |||
| 2728 | items:2 | 2728 | items:2 | |||
| 2729 | }, | 2729 | }, | |||
| 2730 | 768: { | 2730 | 768: { | |||
| 2731 | items:2 | 2731 | items:2 | |||
| 2732 | }, | 2732 | }, | |||
| 2733 | 992: { | 2733 | 992: { | |||
| 2734 | items:3 | 2734 | items:3 | |||
| 2735 | }, | 2735 | }, | |||
| 2736 | 1200: { | 2736 | 1200: { | |||
| 2737 | items:4 | 2737 | items:4 | |||
| 2738 | } | 2738 | } | |||
| 2739 | } | 2739 | } | |||
| 2740 | }); | 2740 | }); | |||
| 2741 | }); | 2741 | }); | |||
| 2742 | </script> | 2742 | </script> | |||
| 2743 | </div> | 2743 | </div> | |||
| 2744 | <div class="porto-separator"><hr class="separator-line align_center solid"></div> | 2744 | <div class="porto-separator"><hr class="separator-line align_center solid"></div> | |||
| 2745 | <div class="porto-carousel brand-carousel owl-carousel py-4"> | 2745 | <div class="porto-carousel brand-carousel owl-carousel py-4"> | |||
| 2746 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand1.png"}}" alt="" /></div> | 2746 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand1.png"}}" alt="" /></div> | |||
| 2747 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand2.png"}}" alt="" /></div> | 2747 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand2.png"}}" alt="" /></div> | |||
| 2748 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand3.png"}}" alt="" /></div> | 2748 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand3.png"}}" alt="" /></div> | |||
| 2749 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand4.png"}}" alt="" /></div> | 2749 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand4.png"}}" alt="" /></div> | |||
| 2750 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand5.png"}}" alt="" /></div> | 2750 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand5.png"}}" alt="" /></div> | |||
| 2751 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand6.png"}}" alt="" /></div> | 2751 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand6.png"}}" alt="" /></div> | |||
| 2752 | </div> | 2752 | </div> | |||
| 2753 | <script type="text/javascript"> | 2753 | <script type="text/javascript"> | |||
| 2754 | require([ | 2754 | require([ | |||
| 2755 | 'jquery', | 2755 | 'jquery', | |||
| 2756 | 'owl.carousel/owl.carousel.min' | 2756 | 'owl.carousel/owl.carousel.min' | |||
| 2757 | ], function ($) { | 2757 | ], function ($) { | |||
| 2758 | $(".brand-carousel.owl-carousel").owlCarousel({ | 2758 | $(".brand-carousel.owl-carousel").owlCarousel({ | |||
| 2759 | autoplay: false, | 2759 | autoplay: false, | |||
| 2760 | autoplayTimeout: 5000, | 2760 | autoplayTimeout: 5000, | |||
| 2761 | autoplayHoverPause: true, | 2761 | autoplayHoverPause: true, | |||
| 2762 | loop: false, | 2762 | loop: false, | |||
| 2763 | navRewind: true, | 2763 | navRewind: true, | |||
| 2764 | lazyLoad:true, | 2764 | lazyLoad:true, | |||
| 2765 | margin: 0, | 2765 | margin: 0, | |||
| 2766 | nav: false, | 2766 | nav: false, | |||
| 2767 | dots: false, | 2767 | dots: false, | |||
| 2768 | responsive: { | 2768 | responsive: { | |||
| 2769 | 0: { | 2769 | 0: { | |||
| 2770 | items:2 | 2770 | items:2 | |||
| 2771 | }, | 2771 | }, | |||
| 2772 | 640: { | 2772 | 640: { | |||
| 2773 | items:3 | 2773 | items:3 | |||
| 2774 | }, | 2774 | }, | |||
| 2775 | 768: { | 2775 | 768: { | |||
| 2776 | items:3 | 2776 | items:3 | |||
| 2777 | }, | 2777 | }, | |||
| 2778 | 992: { | 2778 | 992: { | |||
| 2779 | items:4 | 2779 | items:4 | |||
| 2780 | }, | 2780 | }, | |||
| 2781 | 1200: { | 2781 | 1200: { | |||
| 2782 | items:6 | 2782 | items:6 | |||
| 2783 | } | 2783 | } | |||
| 2784 | } | 2784 | } | |||
| 2785 | }); | 2785 | }); | |||
| 2786 | }); | 2786 | }); | |||
| 2787 | </script> | 2787 | </script> | |||
| 2788 | <div class="porto-separator mb-5"><hr class="separator-line align_center solid"></div> | 2788 | <div class="porto-separator mb-5"><hr class="separator-line align_center solid"></div> | |||
| 2789 | <div class="row"> | 2789 | <div class="row"> | |||
| 2790 | <div class="col-sm-6 col-md-6 col-lg-3"> | 2790 | <div class="col-sm-6 col-md-6 col-lg-3"> | |||
| 2791 | <div class="wpb_wrapper vc_column-inner"> | 2791 | <div class="wpb_wrapper vc_column-inner"> | |||
| 2792 | <div class="wpb_content_element"> | 2792 | <div class="wpb_content_element"> | |||
| 2793 | <div class="widget widget_products"> | 2793 | <div class="widget widget_products"> | |||
| 2794 | <h2 class="widgettitle">Featured Products</h2> | 2794 | <h2 class="widgettitle">Featured Products</h2> | |||
| 2795 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}} | 2795 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}} | |||
| 2796 | </div> | 2796 | </div> | |||
| 2797 | </div> | 2797 | </div> | |||
| 2798 | </div> | 2798 | </div> | |||
| 2799 | </div> | 2799 | </div> | |||
| 2800 | <div class="col-sm-6 col-md-6 col-lg-3"> | 2800 | <div class="col-sm-6 col-md-6 col-lg-3"> | |||
| 2801 | <div class="wpb_wrapper vc_column-inner"> | 2801 | <div class="wpb_wrapper vc_column-inner"> | |||
| 2802 | <div class="wpb_content_element"> | 2802 | <div class="wpb_content_element"> | |||
| 2803 | <div class="widget widget_products"> | 2803 | <div class="widget widget_products"> | |||
| 2804 | <h2 class="widgettitle">Best Selling Products</h2> | 2804 | <h2 class="widgettitle">Best Selling Products</h2> | |||
| 2805 | {{block class="Smartwave\Filterproducts\Block\Home\BestsellersList" name="bestsellers_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}} | 2805 | {{block class="Smartwave\Filterproducts\Block\Home\BestsellersList" name="bestsellers_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}} | |||
| 2806 | </div> | 2806 | </div> | |||
| 2807 | </div> | 2807 | </div> | |||
| 2808 | </div> | 2808 | </div> | |||
| 2809 | </div> | 2809 | </div> | |||
| 2810 | <div class="col-sm-6 col-md-6 col-lg-3"> | 2810 | <div class="col-sm-6 col-md-6 col-lg-3"> | |||
| 2811 | <div class="wpb_wrapper vc_column-inner"> | 2811 | <div class="wpb_wrapper vc_column-inner"> | |||
| 2812 | <div class="wpb_content_element"> | 2812 | <div class="wpb_content_element"> | |||
| 2813 | <div class="widget widget_products"> | 2813 | <div class="widget widget_products"> | |||
| 2814 | <h2 class="widgettitle">Lateset Products</h2> | 2814 | <h2 class="widgettitle">Lateset Products</h2> | |||
| 2815 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}} | 2815 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}} | |||
| 2816 | </div> | 2816 | </div> | |||
| 2817 | </div> | 2817 | </div> | |||
| 2818 | </div> | 2818 | </div> | |||
| 2819 | </div> | 2819 | </div> | |||
| 2820 | <div class="col-sm-6 col-md-6 col-lg-3"> | 2820 | <div class="col-sm-6 col-md-6 col-lg-3"> | |||
| 2821 | <div class="wpb_wrapper vc_column-inner"> | 2821 | <div class="wpb_wrapper vc_column-inner"> | |||
| 2822 | <div class="wpb_content_element"> | 2822 | <div class="wpb_content_element"> | |||
| 2823 | <div class="widget widget_products"> | 2823 | <div class="widget widget_products"> | |||
| 2824 | <h2 class="widgettitle">Top Rated Products</h2> | 2824 | <h2 class="widgettitle">Top Rated Products</h2> | |||
| 2825 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="toprate_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}} | 2825 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="toprate_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}} | |||
| 2826 | </div> | 2826 | </div> | |||
| 2827 | </div> | 2827 | </div> | |||
| 2828 | </div> | 2828 | </div> | |||
| 2829 | </div> | 2829 | </div> | |||
| 2830 | </div> | 2830 | </div> | |||
| 2831 | </div> | 2831 | </div> | |||
| 2832 | </div>]]> | 2832 | </div>]]> | |||
| 2833 | </content> | 2833 | </content> | |||
| 2834 | 2834 | |||||
| 2835 | <is_active> | 2835 | <is_active> | |||
| 2836 | 1 | 2836 | 1 | |||
| 2837 | </is_active> | 2837 | </is_active> | |||
| 2838 | 2838 | |||||
| 2839 | <page_layout> | 2839 | <page_layout> | |||
| 2840 | 1column | 2840 | 1column | |||
| 2841 | </page_layout> | 2841 | </page_layout> | |||
| 2842 | 2842 | |||||
| 2843 | <layout_update_xml> | 2843 | <layout_update_xml> | |||
| 2844 | <![CDATA[]]> | 2844 | <![CDATA[]]> | |||
| 2845 | </layout_update_xml> | 2845 | </layout_update_xml> | |||
| 2846 | 2846 | |||||
| 2847 | </cms_item> | 2847 | </cms_item> | |||
| 2848 | 2848 | |||||
| 2849 | <cms_item> | 2849 | <cms_item> | |||
| 2850 | 2850 | |||||
| 2851 | <title> | 2851 | <title> | |||
| 2852 | Porto - Homepage 5 | 2852 | Porto - Homepage 5 | |||
| 2853 | </title> | 2853 | </title> | |||
| 2854 | 2854 | |||||
| 2855 | <identifier> | 2855 | <identifier> | |||
| 2856 | porto_home_5 | 2856 | porto_home_5 | |||
| 2857 | </identifier> | 2857 | </identifier> | |||
| 2858 | 2858 | |||||
| 2859 | <content> | 2859 | <content> | |||
| 2860 | <![CDATA[<style> | 2860 | <![CDATA[<style> | |||
| 2861 | .columns .column.main { | 2861 | .columns .column.main { | |||
| 2862 | padding-bottom: 0; | 2862 | padding-bottom: 0; | |||
| 2863 | } | 2863 | } | |||
| 2864 | .home-bar .porto-sicon-box { | 2864 | .home-bar .porto-sicon-box { | |||
| 2865 | justify-content: center; | 2865 | justify-content: center; | |||
| 2866 | padding: 1rem 0; | 2866 | padding: 1rem 0; | |||
| 2867 | margin: 0; | 2867 | margin: 0; | |||
| 2868 | } | 2868 | } | |||
| 2869 | .special-products .section-title { | 2869 | .special-products .section-title { | |||
| 2870 | margin-bottom: 0; | 2870 | margin-bottom: 0; | |||
| 2871 | } | 2871 | } | |||
| 2872 | .special-products .product-item-info.type1 .product-item-inner, | 2872 | .special-products .product-item-info.type1 .product-item-inner, | |||
| 2873 | .special-products .product-item .weltpixel-quickview.weltpixel_quickview_button_v2 { | 2873 | .special-products .product-item .weltpixel-quickview.weltpixel_quickview_button_v2 { | |||
| 2874 | display: none; | 2874 | display: none; | |||
| 2875 | } | 2875 | } | |||
| 2876 | .special-products .product-item-info:hover .product-item-photo { | 2876 | .special-products .product-item-info:hover .product-item-photo { | |||
| 2877 | box-shadow: none; | 2877 | box-shadow: none; | |||
| 2878 | } | 2878 | } | |||
| 2879 | .special-products .product-item-photo { | 2879 | .special-products .product-item-photo { | |||
| 2880 | filter: brightness(1.1); | 2880 | filter: brightness(1.1); | |||
| 2881 | } | 2881 | } | |||
| 2882 | .home-ads .porto-ibanner:hover { | 2882 | .home-ads .porto-ibanner:hover { | |||
| 2883 | box-shadow: 0px 0px 30px 0 rgba(0, 0, 0, 0.08); | 2883 | box-shadow: 0px 0px 30px 0 rgba(0, 0, 0, 0.08); | |||
| 2884 | } | 2884 | } | |||
| 2885 | .home-ads sup { | 2885 | .home-ads sup { | |||
| 2886 | font-size: 70%; | 2886 | font-size: 70%; | |||
| 2887 | top: -.275em; | 2887 | top: -.275em; | |||
| 2888 | font-weight: 700; | 2888 | font-weight: 700; | |||
| 2889 | margin-right: 2px; | 2889 | margin-right: 2px; | |||
| 2890 | } | 2890 | } | |||
| 2891 | .heading-primary del { | 2891 | .heading-primary del { | |||
| 2892 | color: #222529; | 2892 | color: #222529; | |||
| 2893 | } | 2893 | } | |||
| 2894 | .home-ads .sale-label { | 2894 | .home-ads .sale-label { | |||
| 2895 | border-radius: 50%; | 2895 | border-radius: 50%; | |||
| 2896 | width: 2.25em; | 2896 | width: 2.25em; | |||
| 2897 | height: 2.25em; | 2897 | height: 2.25em; | |||
| 2898 | padding-top: calc(1.125em - .5em); | 2898 | padding-top: calc(1.125em - .5em); | |||
| 2899 | letter-spacing: -.08em; | 2899 | letter-spacing: -.08em; | |||
| 2900 | } | 2900 | } | |||
| 2901 | .sale-label small { | 2901 | .sale-label small { | |||
| 2902 | letter-spacing: -.025em; | 2902 | letter-spacing: -.025em; | |||
| 2903 | font-size: 70%; | 2903 | font-size: 70%; | |||
| 2904 | display: inline-block; | 2904 | display: inline-block; | |||
| 2905 | font-weight: inherit; | 2905 | font-weight: inherit; | |||
| 2906 | margin-left: .1em; | 2906 | margin-left: .1em; | |||
| 2907 | color: inherit; | 2907 | color: inherit; | |||
| 2908 | font-family: inherit; | 2908 | font-family: inherit; | |||
| 2909 | } | 2909 | } | |||
| 2910 | .sale-label sup { | 2910 | .sale-label sup { | |||
| 2911 | position: static; | 2911 | position: static; | |||
| 2912 | font-size: 75%; | 2912 | font-size: 75%; | |||
| 2913 | } | 2913 | } | |||
| 2914 | sub { | 2914 | sub { | |||
| 2915 | bottom: -.25em; | 2915 | bottom: -.25em; | |||
| 2916 | } | 2916 | } | |||
| 2917 | .sale-label sub { | 2917 | .sale-label sub { | |||
| 2918 | display: block; | 2918 | display: block; | |||
| 2919 | font-size: 36%; | 2919 | font-size: 36%; | |||
| 2920 | line-height: 1; | 2920 | line-height: 1; | |||
| 2921 | position: static; | 2921 | position: static; | |||
| 2922 | font-weight: 400; | 2922 | font-weight: 400; | |||
| 2923 | letter-spacing: 0; | 2923 | letter-spacing: 0; | |||
| 2924 | padding-left: .1em; | 2924 | padding-left: .1em; | |||
| 2925 | letter-spacing: -.025em; | 2925 | letter-spacing: -.025em; | |||
| 2926 | } | 2926 | } | |||
| 2927 | .pc-label-sale { | 2927 | .pc-label-sale { | |||
| 2928 | position: relative; | 2928 | position: relative; | |||
| 2929 | z-index: 1; | 2929 | z-index: 1; | |||
| 2930 | display: inline-block; | 2930 | display: inline-block; | |||
| 2931 | } | 2931 | } | |||
| 2932 | .pc-label-sale:before { | 2932 | .pc-label-sale:before { | |||
| 2933 | content: ""; | 2933 | content: ""; | |||
| 2934 | position: absolute; | 2934 | position: absolute; | |||
| 2935 | left: 0; | 2935 | left: 0; | |||
| 2936 | right: 0; | 2936 | right: 0; | |||
| 2937 | top: 0; | 2937 | top: 0; | |||
| 2938 | bottom: 0; | 2938 | bottom: 0; | |||
| 2939 | transform: rotateZ(-2deg) skew(1deg); | 2939 | transform: rotateZ(-2deg) skew(1deg); | |||
| 2940 | background-color: #000; | 2940 | background-color: #000; | |||
| 2941 | z-index: -1; | 2941 | z-index: -1; | |||
| 2942 | } | 2942 | } | |||
| 2943 | </style> | 2943 | </style> | |||
| 2944 | <div class="home-bar no-padding porto-inner-container" style="margin-top: 10px;margin-bottom: 9px;"> | 2944 | <div class="home-bar no-padding porto-inner-container" style="margin-top: 10px;margin-bottom: 9px;"> | |||
| 2945 | <div class="container"> | 2945 | <div class="container"> | |||
| 2946 | <div class="row align-items-center"> | 2946 | <div class="row align-items-center"> | |||
| 2947 | <div class="col-md-12"> | 2947 | <div class="col-md-12"> | |||
| 2948 | <div class="wpb_wrapper vc_column-inner"> | 2948 | <div class="wpb_wrapper vc_column-inner"> | |||
| 2949 | <div class="porto-carousel owl-carousel mb-0"> | 2949 | <div class="porto-carousel owl-carousel mb-0"> | |||
| 2950 | <div class="porto-sicon-box style_1 default-icon"> | 2950 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 2951 | <div class="porto-sicon-default"> | 2951 | <div class="porto-sicon-default"> | |||
| 2952 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 2952 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 2953 | <div class="porto-icon none" style="color: #222529; font-size: 35px; display: inline-block;"><i class="porto-icon-shipping"></i></div> | 2953 | <div class="porto-icon none" style="color: #222529; font-size: 35px; display: inline-block;"><i class="porto-icon-shipping"></i></div> | |||
| 2954 | </div> | 2954 | </div> | |||
| 2955 | </div> | 2955 | </div> | |||
| 2956 | <div class="porto-sicon-header"> | 2956 | <div class="porto-sicon-header"> | |||
| 2957 | <h3 class="porto-sicon-title" style="font-weight:700;font-size:14px;line-height:1;">FREE SHIPPING & RETURN</h3> | 2957 | <h3 class="porto-sicon-title" style="font-weight:700;font-size:14px;line-height:1;">FREE SHIPPING & RETURN</h3> | |||
| 2958 | <p style="font-size:13px;line-height:1.2;">Free shipping on all orders over $99</p> | 2958 | <p style="font-size:13px;line-height:1.2;">Free shipping on all orders over $99</p> | |||
| 2959 | </div> | 2959 | </div> | |||
| 2960 | </div> | 2960 | </div> | |||
| 2961 | <div class="porto-sicon-box style_1 default-icon"> | 2961 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 2962 | <div class="porto-sicon-default"> | 2962 | <div class="porto-sicon-default"> | |||
| 2963 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 2963 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 2964 | <div class="porto-icon none" style="color: #222529; font-size: 37px; display: inline-block;"><i class="porto-icon-money"></i></div> | 2964 | <div class="porto-icon none" style="color: #222529; font-size: 37px; display: inline-block;"><i class="porto-icon-money"></i></div> | |||
| 2965 | </div> | 2965 | </div> | |||
| 2966 | </div> | 2966 | </div> | |||
| 2967 | <div class="porto-sicon-header"> | 2967 | <div class="porto-sicon-header"> | |||
| 2968 | <h3 class="porto-sicon-title" style="font-weight:700;font-size:14px;line-height:1;">MONEY BACK GUARANTEE</h3> | 2968 | <h3 class="porto-sicon-title" style="font-weight:700;font-size:14px;line-height:1;">MONEY BACK GUARANTEE</h3> | |||
| 2969 | <p style="font-size:13px;line-height:1.2;">100% money back guarantee</p> | 2969 | <p style="font-size:13px;line-height:1.2;">100% money back guarantee</p> | |||
| 2970 | </div> | 2970 | </div> | |||
| 2971 | </div> | 2971 | </div> | |||
| 2972 | <div class="porto-sicon-box style_1 default-icon"> | 2972 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 2973 | <div class="porto-sicon-default"> | 2973 | <div class="porto-sicon-default"> | |||
| 2974 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 2974 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 2975 | <div class="porto-icon none" style="color: #222529; font-size: 37px; display: inline-block;"><i class="porto-icon-support"></i></div> | 2975 | <div class="porto-icon none" style="color: #222529; font-size: 37px; display: inline-block;"><i class="porto-icon-support"></i></div> | |||
| 2976 | </div> | 2976 | </div> | |||
| 2977 | </div> | 2977 | </div> | |||
| 2978 | <div class="porto-sicon-header"> | 2978 | <div class="porto-sicon-header"> | |||
| 2979 | <h3 class="porto-sicon-title" style="font-weight:700;font-size:14px;line-height:1;">ONLINE SUPPORT 24/7</h3> | 2979 | <h3 class="porto-sicon-title" style="font-weight:700;font-size:14px;line-height:1;">ONLINE SUPPORT 24/7</h3> | |||
| 2980 | <p style="font-size:13px;line-height:1.2;">Lorem ipsum dolor sit amet.</p> | 2980 | <p style="font-size:13px;line-height:1.2;">Lorem ipsum dolor sit amet.</p> | |||
| 2981 | </div> | 2981 | </div> | |||
| 2982 | </div> | 2982 | </div> | |||
| 2983 | </div> | 2983 | </div> | |||
| 2984 | </div> | 2984 | </div> | |||
| 2985 | </div> | 2985 | </div> | |||
| 2986 | </div> | 2986 | </div> | |||
| 2987 | </div> | 2987 | </div> | |||
| 2988 | <script type="text/javascript"> | 2988 | <script type="text/javascript"> | |||
| 2989 | require([ | 2989 | require([ | |||
| 2990 | 'jquery', | 2990 | 'jquery', | |||
| 2991 | 'owl.carousel/owl.carousel.min' | 2991 | 'owl.carousel/owl.carousel.min' | |||
| 2992 | ], function ($) { | 2992 | ], function ($) { | |||
| 2993 | $(".home-bar .owl-carousel").owlCarousel({ | 2993 | $(".home-bar .owl-carousel").owlCarousel({ | |||
| 2994 | autoplay: false, | 2994 | autoplay: false, | |||
| 2995 | autoplayTimeout: 5000, | 2995 | autoplayTimeout: 5000, | |||
| 2996 | autoplayHoverPause: true, | 2996 | autoplayHoverPause: true, | |||
| 2997 | loop: false, | 2997 | loop: false, | |||
| 2998 | navRewind: true, | 2998 | navRewind: true, | |||
| 2999 | lazyLoad:true, | 2999 | lazyLoad:true, | |||
| 3000 | margin: 0, | 3000 | margin: 0, | |||
| 3001 | nav: false, | 3001 | nav: false, | |||
| 3002 | dots: false, | 3002 | dots: false, | |||
| 3003 | responsive: { | 3003 | responsive: { | |||
| 3004 | 0: { | 3004 | 0: { | |||
| 3005 | items:1 | 3005 | items:1 | |||
| 3006 | }, | 3006 | }, | |||
| 3007 | 640: { | 3007 | 640: { | |||
| 3008 | items:2 | 3008 | items:2 | |||
| 3009 | }, | 3009 | }, | |||
| 3010 | 768: { | 3010 | 768: { | |||
| 3011 | items:2 | 3011 | items:2 | |||
| 3012 | }, | 3012 | }, | |||
| 3013 | 992: { | 3013 | 992: { | |||
| 3014 | items:3 | 3014 | items:3 | |||
| 3015 | }, | 3015 | }, | |||
| 3016 | 1200: { | 3016 | 1200: { | |||
| 3017 | items:3 | 3017 | items:3 | |||
| 3018 | } | 3018 | } | |||
| 3019 | } | 3019 | } | |||
| 3020 | }); | 3020 | }); | |||
| 3021 | }); | 3021 | }); | |||
| 3022 | </script> | 3022 | </script> | |||
| 3023 | </div> | 3023 | </div> | |||
| 3024 | <div class="container"> | 3024 | <div class="container"> | |||
| 3025 | <div class="row home-slider" style="margin-bottom: 20px"> | 3025 | <div class="row home-slider" style="margin-bottom: 20px"> | |||
| 3026 | <div class="vc_column_container col-md-12"> | 3026 | <div class="vc_column_container col-md-12"> | |||
| 3027 | <div class="wpb_wrapper vc_column-inner"> | 3027 | <div class="wpb_wrapper vc_column-inner"> | |||
| 3028 | <div id="banner-slider-demo-5" class="porto-carousel owl-carousel porto-standable-carousel mb-0 nav-pos-outside nav-style-4 show-nav-hover"> | 3028 | <div id="banner-slider-demo-5" class="porto-carousel owl-carousel porto-standable-carousel mb-0 nav-pos-outside nav-style-4 show-nav-hover"> | |||
| 3029 | <div class="porto-ibanner mb-0" style="min-height: 400px;"> | 3029 | <div class="porto-ibanner mb-0" style="min-height: 400px;"> | |||
| 3030 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/05/shop5_home_slide1.jpg"}}" /> | 3030 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/05/shop5_home_slide1.jpg"}}" /> | |||
| 3031 | <div class="porto-ibanner-desc no-padding d-flex"> | 3031 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 3032 | <div class="porto-ibanner-layer" style="left: 7%; top: 50%; transform: translateY(-50%);"> | 3032 | <div class="porto-ibanner-layer" style="left: 7%; top: 50%; transform: translateY(-50%);"> | |||
| 3033 | <h5 style="font-size: 1.1875em; color: rgba(34, 37, 41, 0.7); line-height: 1; font-weight: 500; letter-spacing: 0.08em;" class="vc_custom_heading mb-3 align-left">Find the Boundaries. Push Through!</h5> | 3033 | <h5 style="font-size: 1.1875em; color: rgba(34, 37, 41, 0.7); line-height: 1; font-weight: 500; letter-spacing: 0.08em;" class="vc_custom_heading mb-3 align-left">Find the Boundaries. Push Through!</h5> | |||
| 3034 | <h3 style="font-size: 3.875em; line-height: 1; letter-spacing: 0.05em;" class="vc_custom_heading mb-0 custom-font4 align-left">Jeans Sale</h3> | 3034 | <h3 style="font-size: 3.875em; line-height: 1; letter-spacing: 0.05em;" class="vc_custom_heading mb-0 custom-font4 align-left">Jeans Sale</h3> | |||
| 3035 | <h3 style="font-size: 4.625em; line-height: 1.2; letter-spacing: 0.03em;" class="vc_custom_heading mb-2 align-left"> | 3035 | <h3 style="font-size: 4.625em; line-height: 1.2; letter-spacing: 0.03em;" class="vc_custom_heading mb-2 align-left"> | |||
| 3036 | <small>up<br />to</small>80% OFF | 3036 | <small>up<br />to</small>80% OFF | |||
| 3037 | </h3> | 3037 | </h3> | |||
| 3038 | <div class="porto-ultimate-content-box-container"> | 3038 | <div class="porto-ultimate-content-box-container"> | |||
| 3039 | <div class="porto-ultimate-content-box" style="" id="porto_ucb_2078"> | 3039 | <div class="porto-ultimate-content-box" style="" id="porto_ucb_2078"> | |||
| 3040 | <h5 style="font-size: 0.875em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading p-t-sm mr-3 pull-left align-left text-uppercase">Starting At</h5> | 3040 | <h5 style="font-size: 0.875em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading p-t-sm mr-3 pull-left align-left text-uppercase">Starting At</h5> | |||
| 3041 | <h4 style="font-size: 1.125em; line-height: 1; letter-spacing: -0.02em;margin-right: .75rem;" class="vc_custom_heading background-color-secondary coupon-sale-text pull-left align-left text-uppercase heading-light"> | 3041 | <h4 style="font-size: 1.125em; line-height: 1; letter-spacing: -0.02em;margin-right: .75rem;" class="vc_custom_heading background-color-secondary coupon-sale-text pull-left align-left text-uppercase heading-light"> | |||
| 3042 | <b><sup>$</sup>199<sup>99</sup></b> | 3042 | <b><sup>$</sup>199<sup>99</sup></b> | |||
| 3043 | </h4> | 3043 | </h4> | |||
| 3044 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-lg btn-dark">Shop Now!</button></div> | 3044 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-lg btn-dark">Shop Now!</button></div> | |||
| 3045 | </div> | 3045 | </div> | |||
| 3046 | </div> | 3046 | </div> | |||
| 3047 | </div> | 3047 | </div> | |||
| 3048 | </div> | 3048 | </div> | |||
| 3049 | </div> | 3049 | </div> | |||
| 3050 | <div class="porto-ibanner mb-0" style="min-height: 400px; background-color: #c6c5c8;"> | 3050 | <div class="porto-ibanner mb-0" style="min-height: 400px; background-color: #c6c5c8;"> | |||
| 3051 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/05/shop5_home_slide2.jpg"}}" /> | 3051 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/05/shop5_home_slide2.jpg"}}" /> | |||
| 3052 | <div class="porto-ibanner-desc no-padding d-flex"> | 3052 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 3053 | <div class="porto-ibanner-layer" style="left: 7%; top: 50%; transform: translateY(-50%);"> | 3053 | <div class="porto-ibanner-layer" style="left: 7%; top: 50%; transform: translateY(-50%);"> | |||
| 3054 | <h5 style="font-size: 2.4375em; line-height: 1; font-weight: 500; letter-spacing: -0.025em;" class="vc_custom_heading mb-0 align-left">Women's Business Fashion</h5> | 3054 | <h5 style="font-size: 2.4375em; line-height: 1; font-weight: 500; letter-spacing: -0.025em;" class="vc_custom_heading mb-0 align-left">Women's Business Fashion</h5> | |||
| 3055 | <h3 style="font-size: 6.125em; line-height: 1.2; letter-spacing: 0.03em;" class="vc_custom_heading mb-2 align-left"> | 3055 | <h3 style="font-size: 6.125em; line-height: 1.2; letter-spacing: 0.03em;" class="vc_custom_heading mb-2 align-left"> | |||
| 3056 | <small>up<br />to</small>60% OFF | 3056 | <small>up<br />to</small>60% OFF | |||
| 3057 | </h3> | 3057 | </h3> | |||
| 3058 | <h5 style="font-size: 1em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading pt-2 mr-2 pull-left align-left text-uppercase">Starting At</h5> | 3058 | <h5 style="font-size: 1em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading pt-2 mr-2 pull-left align-left text-uppercase">Starting At</h5> | |||
| 3059 | <h4 style="font-size: 2.5em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading pull-left mr-5 pr-xl-3 align-left text-uppercase heading-secondary"><sup>$</sup>29<sup>99</sup></h4> | 3059 | <h4 style="font-size: 2.5em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading pull-left mr-5 pr-xl-3 align-left text-uppercase heading-secondary"><sup>$</sup>29<sup>99</sup></h4> | |||
| 3060 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-xl btn-dark">Shop Now!</button></div> | 3060 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-xl btn-dark">Shop Now!</button></div> | |||
| 3061 | </div> | 3061 | </div> | |||
| 3062 | </div> | 3062 | </div> | |||
| 3063 | </div> | 3063 | </div> | |||
| 3064 | </div> | 3064 | </div> | |||
| 3065 | <style> | 3065 | <style> | |||
| 3066 | @media(min-width: 992px) { | 3066 | @media(min-width: 992px) { | |||
| 3067 | .porto-ibanner-layer { | 3067 | .porto-ibanner-layer { | |||
| 3068 | font-size: 1rem; | 3068 | font-size: 1rem; | |||
| 3069 | } | 3069 | } | |||
| 3070 | } | 3070 | } | |||
| 3071 | .porto-ibanner-layer { | 3071 | .porto-ibanner-layer { | |||
| 3072 | position: absolute; | 3072 | position: absolute; | |||
| 3073 | z-index: 10; | 3073 | z-index: 10; | |||
| 3074 | text-align: left; | 3074 | text-align: left; | |||
| 3075 | } | 3075 | } | |||
| 3076 | .porto-ibanner h3 small { | 3076 | .porto-ibanner h3 small { | |||
| 3077 | display: inline-block; | 3077 | display: inline-block; | |||
| 3078 | font-size: 45%; | 3078 | font-size: 45%; | |||
| 3079 | font-weight: inherit; | 3079 | font-weight: inherit; | |||
| 3080 | line-height: 1.1; | 3080 | line-height: 1.1; | |||
| 3081 | margin-right: .2em; | 3081 | margin-right: .2em; | |||
| 3082 | text-align: center; | 3082 | text-align: center; | |||
| 3083 | color: inherit; | 3083 | color: inherit; | |||
| 3084 | font-family: inherit; | 3084 | font-family: inherit; | |||
| 3085 | } | 3085 | } | |||
| 3086 | .porto-ultimate-content-box { | 3086 | .porto-ultimate-content-box { | |||
| 3087 | font-size: 1em; | 3087 | font-size: 1em; | |||
| 3088 | } | 3088 | } | |||
| 3089 | .porto-ibanner .btn-modern.btn-xl { | 3089 | .porto-ibanner .btn-modern.btn-xl { | |||
| 3090 | font-size: 1em; | 3090 | font-size: 1em; | |||
| 3091 | padding: 1.25em 4.25em; | 3091 | padding: 1.25em 4.25em; | |||
| 3092 | } | 3092 | } | |||
| 3093 | .porto-ibanner .btn-modern.btn-lg { | 3093 | .porto-ibanner .btn-modern.btn-lg { | |||
| 3094 | font-size: .9em; | 3094 | font-size: .9em; | |||
| 3095 | padding: 1.125em 2.75em; | 3095 | padding: 1.125em 2.75em; | |||
| 3096 | } | 3096 | } | |||
| 3097 | .porto-ultimate-content-box .btn-container { | 3097 | .porto-ultimate-content-box .btn-container { | |||
| 3098 | font-size: 1em; | 3098 | font-size: 1em; | |||
| 3099 | } | 3099 | } | |||
| 3100 | </style> | 3100 | </style> | |||
| 3101 | <script type="text/javascript"> | 3101 | <script type="text/javascript"> | |||
| 3102 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | 3102 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | |||
| 3103 | var banner_owl = $("#banner-slider-demo-5"); | 3103 | var banner_owl = $("#banner-slider-demo-5"); | |||
| 3104 | banner_owl.owlCarousel({ | 3104 | banner_owl.owlCarousel({ | |||
| 3105 | items: 1, | 3105 | items: 1, | |||
| 3106 | autoplay: false, | 3106 | autoplay: false, | |||
| 3107 | autoplayTimeout: 5000, | 3107 | autoplayTimeout: 5000, | |||
| 3108 | autoplayHoverPause: true, | 3108 | autoplayHoverPause: true, | |||
| 3109 | dots: false, | 3109 | dots: false, | |||
| 3110 | nav: true, | 3110 | nav: true, | |||
| 3111 | navRewind: true, | 3111 | navRewind: true, | |||
| 3112 | animateIn: "fadeIn", | 3112 | animateIn: "fadeIn", | |||
| 3113 | animateOut: "fadeOut", | 3113 | animateOut: "fadeOut", | |||
| 3114 | loop: true, | 3114 | loop: true, | |||
| 3115 | lazyLoad: true | 3115 | lazyLoad: true | |||
| 3116 | }); | 3116 | }); | |||
| 3117 | }); | 3117 | }); | |||
| 3118 | </script> | 3118 | </script> | |||
| 3119 | </div> | 3119 | </div> | |||
| 3120 | </div> | 3120 | </div> | |||
| 3121 | </div> | 3121 | </div> | |||
| 3122 | </div> | 3122 | </div> | |||
| 3123 | <div class="container"> | 3123 | <div class="container"> | |||
| 3124 | <div class="row special-products"> | 3124 | <div class="row special-products"> | |||
| 3125 | <div class="col-md-4 col-12"> | 3125 | <div class="col-md-4 col-12"> | |||
| 3126 | <div class="wpb_wrapper vc_column-inner"> | 3126 | <div class="wpb_wrapper vc_column-inner"> | |||
| 3127 | <div id="featured-products" class="porto-products wpb_content_element background-color-light p-4 m-b-md"> | 3127 | <div id="featured-products" class="porto-products wpb_content_element background-color-light p-4 m-b-md"> | |||
| 3128 | <h2 class="section-title text-center slider-title"><span class="inline-title">FEATURED PRODUCTS</span><span class="line"></span></h2> | 3128 | <h2 class="section-title text-center slider-title"><span class="inline-title">FEATURED PRODUCTS</span><span class="line"></span></h2> | |||
| 3129 | <div class="slider-wrapper"> | 3129 | <div class="slider-wrapper"> | |||
| 3130 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_type="1" extra_class="nav-center-images-only nav-style-4" product_count="3" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | 3130 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_type="1" extra_class="nav-center-images-only nav-style-4" product_count="3" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||
| 3131 | <script type="text/javascript"> | 3131 | <script type="text/javascript"> | |||
| 3132 | require([ | 3132 | require([ | |||
| 3133 | 'jquery', | 3133 | 'jquery', | |||
| 3134 | 'owl.carousel/owl.carousel.min' | 3134 | 'owl.carousel/owl.carousel.min' | |||
| 3135 | ], function ($) { | 3135 | ], function ($) { | |||
| 3136 | $("#featured-products .owl-carousel").owlCarousel({ | 3136 | $("#featured-products .owl-carousel").owlCarousel({ | |||
| 3137 | items: 1, | 3137 | items: 1, | |||
| 3138 | autoplay: false, | 3138 | autoplay: false, | |||
| 3139 | autoplayTimeout: 5000, | 3139 | autoplayTimeout: 5000, | |||
| 3140 | autoplayHoverPause: true, | 3140 | autoplayHoverPause: true, | |||
| 3141 | loop: true, | 3141 | loop: true, | |||
| 3142 | navRewind: true, | 3142 | navRewind: true, | |||
| 3143 | lazyLoad:true, | 3143 | lazyLoad:true, | |||
| 3144 | margin: 0, | 3144 | margin: 0, | |||
| 3145 | nav: true, | 3145 | nav: true, | |||
| 3146 | dots: false | 3146 | dots: false | |||
| 3147 | }); | 3147 | }); | |||
| 3148 | }); | 3148 | }); | |||
| 3149 | </script> | 3149 | </script> | |||
| 3150 | </div> | 3150 | </div> | |||
| 3151 | </div> | 3151 | </div> | |||
| 3152 | </div> | 3152 | </div> | |||
| 3153 | </div> | 3153 | </div> | |||
| 3154 | <div class="col-md-4 col-12"> | 3154 | <div class="col-md-4 col-12"> | |||
| 3155 | <div class="wpb_wrapper vc_column-inner"> | 3155 | <div class="wpb_wrapper vc_column-inner"> | |||
| 3156 | <div id="bestsellers-products" class="porto-products wpb_content_element background-color-light p-4 m-b-md"> | 3156 | <div id="bestsellers-products" class="porto-products wpb_content_element background-color-light p-4 m-b-md"> | |||
| 3157 | <h2 class="section-title text-center slider-title"><span class="inline-title">BEST SELLERS</span><span class="line"></span></h2> | 3157 | <h2 class="section-title text-center slider-title"><span class="inline-title">BEST SELLERS</span><span class="line"></span></h2> | |||
| 3158 | <div class="slider-wrapper"> | 3158 | <div class="slider-wrapper"> | |||
| 3159 | {{block class="Smartwave\Filterproducts\Block\Home\BestsellersList" name="featured_product" product_type="1" extra_class="nav-center-images-only nav-style-4" product_count="3" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | 3159 | {{block class="Smartwave\Filterproducts\Block\Home\BestsellersList" name="featured_product" product_type="1" extra_class="nav-center-images-only nav-style-4" product_count="3" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||
| 3160 | <script type="text/javascript"> | 3160 | <script type="text/javascript"> | |||
| 3161 | require([ | 3161 | require([ | |||
| 3162 | 'jquery', | 3162 | 'jquery', | |||
| 3163 | 'owl.carousel/owl.carousel.min' | 3163 | 'owl.carousel/owl.carousel.min' | |||
| 3164 | ], function ($) { | 3164 | ], function ($) { | |||
| 3165 | $("#bestsellers-products .owl-carousel").owlCarousel({ | 3165 | $("#bestsellers-products .owl-carousel").owlCarousel({ | |||
| 3166 | items: 1, | 3166 | items: 1, | |||
| 3167 | autoplay: false, | 3167 | autoplay: false, | |||
| 3168 | autoplayTimeout: 5000, | 3168 | autoplayTimeout: 5000, | |||
| 3169 | autoplayHoverPause: true, | 3169 | autoplayHoverPause: true, | |||
| 3170 | loop: true, | 3170 | loop: true, | |||
| 3171 | navRewind: true, | 3171 | navRewind: true, | |||
| 3172 | lazyLoad:true, | 3172 | lazyLoad:true, | |||
| 3173 | margin: 0, | 3173 | margin: 0, | |||
| 3174 | nav: true, | 3174 | nav: true, | |||
| 3175 | dots: false | 3175 | dots: false | |||
| 3176 | }); | 3176 | }); | |||
| 3177 | }); | 3177 | }); | |||
| 3178 | </script> | 3178 | </script> | |||
| 3179 | </div> | 3179 | </div> | |||
| 3180 | </div> | 3180 | </div> | |||
| 3181 | </div> | 3181 | </div> | |||
| 3182 | </div> | 3182 | </div> | |||
| 3183 | <div class="col-md-4 col-12"> | 3183 | <div class="col-md-4 col-12"> | |||
| 3184 | <div class="wpb_wrapper vc_column-inner"> | 3184 | <div class="wpb_wrapper vc_column-inner"> | |||
| 3185 | <div id="latest-products" class="porto-products wpb_content_element background-color-light p-4 m-b-md"> | 3185 | <div id="latest-products" class="porto-products wpb_content_element background-color-light p-4 m-b-md"> | |||
| 3186 | <h2 class="section-title text-center slider-title"><span class="inline-title">NEW ARRIVALS</span><span class="line"></span></h2> | 3186 | <h2 class="section-title text-center slider-title"><span class="inline-title">NEW ARRIVALS</span><span class="line"></span></h2> | |||
| 3187 | <div class="slider-wrapper"> | 3187 | <div class="slider-wrapper"> | |||
| 3188 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_type="1" extra_class="nav-center-images-only nav-style-4" product_count="3" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | 3188 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_type="1" extra_class="nav-center-images-only nav-style-4" product_count="3" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||
| 3189 | <script type="text/javascript"> | 3189 | <script type="text/javascript"> | |||
| 3190 | require([ | 3190 | require([ | |||
| 3191 | 'jquery', | 3191 | 'jquery', | |||
| 3192 | 'owl.carousel/owl.carousel.min' | 3192 | 'owl.carousel/owl.carousel.min' | |||
| 3193 | ], function ($) { | 3193 | ], function ($) { | |||
| 3194 | $("#latest-products .owl-carousel").owlCarousel({ | 3194 | $("#latest-products .owl-carousel").owlCarousel({ | |||
| 3195 | items: 1, | 3195 | items: 1, | |||
| 3196 | autoplay: false, | 3196 | autoplay: false, | |||
| 3197 | autoplayTimeout: 5000, | 3197 | autoplayTimeout: 5000, | |||
| 3198 | autoplayHoverPause: true, | 3198 | autoplayHoverPause: true, | |||
| 3199 | loop: true, | 3199 | loop: true, | |||
| 3200 | navRewind: true, | 3200 | navRewind: true, | |||
| 3201 | lazyLoad:true, | 3201 | lazyLoad:true, | |||
| 3202 | margin: 0, | 3202 | margin: 0, | |||
| 3203 | nav: true, | 3203 | nav: true, | |||
| 3204 | dots: false | 3204 | dots: false | |||
| 3205 | }); | 3205 | }); | |||
| 3206 | }); | 3206 | }); | |||
| 3207 | </script> | 3207 | </script> | |||
| 3208 | </div> | 3208 | </div> | |||
| 3209 | </div> | 3209 | </div> | |||
| 3210 | </div> | 3210 | </div> | |||
| 3211 | </div> | 3211 | </div> | |||
| 3212 | </div> | 3212 | </div> | |||
| 3213 | </div> | 3213 | </div> | |||
| 3214 | <div class="container"> | 3214 | <div class="container"> | |||
| 3215 | <div class="row home-ads"> | 3215 | <div class="row home-ads"> | |||
| 3216 | <div class="col-md-4"> | 3216 | <div class="col-md-4"> | |||
| 3217 | <div class="wpb_wrapper vc_column-inner"> | 3217 | <div class="wpb_wrapper vc_column-inner"> | |||
| 3218 | <div class="porto-ibanner porto-ibe-boxshadow m-b-md" style="min-height: 175px;"> | 3218 | <div class="porto-ibanner porto-ibe-boxshadow m-b-md" style="min-height: 175px;"> | |||
| 3219 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/05/shop5_home_banner1.jpg"}}" /> | 3219 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/05/shop5_home_banner1.jpg"}}" /> | |||
| 3220 | <div class="porto-ibanner-desc no-padding d-flex"> | 3220 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 3221 | <div class="porto-ibanner-layer" style="left: 7%; top: 50%; transform: translateY(-50%);"> | 3221 | <div class="porto-ibanner-layer" style="left: 7%; top: 50%; transform: translateY(-50%);"> | |||
| 3222 | <h3 style="font-size: 1.5rem; line-height: 1;" class="vc_custom_heading mb-2 align-left">Porto Watches</h3> | 3222 | <h3 style="font-size: 1.5rem; line-height: 1;" class="vc_custom_heading mb-2 align-left">Porto Watches</h3> | |||
| 3223 | <h4 style="font-size: 1.75rem; line-height: 1; font-weight: 800;" class="vc_custom_heading mb-3 align-left heading-primary"> | 3223 | <h4 style="font-size: 1.75rem; line-height: 1; font-weight: 800;" class="vc_custom_heading mb-3 align-left heading-primary"> | |||
| 3224 | <sup><del>20%</del></sup>30%<sup>OFF</sup> | 3224 | <sup><del>20%</del></sup>30%<sup>OFF</sup> | |||
| 3225 | </h4> | 3225 | </h4> | |||
| 3226 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-sm btn-dark">Shop Now</button></div> | 3226 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-sm btn-dark">Shop Now</button></div> | |||
| 3227 | </div> | 3227 | </div> | |||
| 3228 | </div> | 3228 | </div> | |||
| 3229 | </div> | 3229 | </div> | |||
| 3230 | </div> | 3230 | </div> | |||
| 3231 | </div> | 3231 | </div> | |||
| 3232 | <div class="home-ads2 col-md-4"> | 3232 | <div class="home-ads2 col-md-4"> | |||
| 3233 | <div class="wpb_wrapper vc_column-inner"> | 3233 | <div class="wpb_wrapper vc_column-inner"> | |||
| 3234 | <div class="porto-ibanner porto-ibe-boxshadow m-b-md" style="min-height: 147px; border: 14px solid #1d70ba;"> | 3234 | <div class="porto-ibanner porto-ibe-boxshadow m-b-md" style="min-height: 147px; border: 14px solid #1d70ba;"> | |||
| 3235 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/05/shop5_home_banner2.jpg"}}" /> | 3235 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/05/shop5_home_banner2.jpg"}}" /> | |||
| 3236 | <div class="porto-ibanner-desc no-padding d-flex"> | 3236 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 3237 | <div class="porto-ibanner-layer" style="width: 50%; left: 5%; top: 50%; transform: translateY(-50%);"> | 3237 | <div class="porto-ibanner-layer" style="width: 50%; left: 5%; top: 50%; transform: translateY(-50%);"> | |||
| 3238 | <h3 style="font-size: 1.375rem; line-height: 1; letter-spacing: 0.01em;" class="vc_custom_heading mb-1 align-right">DEAL PROMOS</h3> | 3238 | <h3 style="font-size: 1.375rem; line-height: 1; letter-spacing: 0.01em;" class="vc_custom_heading mb-1 align-right">DEAL PROMOS</h3> | |||
| 3239 | <h4 style="font-size: 0.9375rem; color: #777777; line-height: 1; font-weight: 600; letter-spacing: 0.01em;" class="vc_custom_heading mb-0 align-right">STARTING AT $99</h4> | 3239 | <h4 style="font-size: 0.9375rem; color: #777777; line-height: 1; font-weight: 600; letter-spacing: 0.01em;" class="vc_custom_heading mb-0 align-right">STARTING AT $99</h4> | |||
| 3240 | </div> | 3240 | </div> | |||
| 3241 | <div class="porto-ibanner-layer" style="width: 40%; right: 0%; top: 50%; transform: translateY(-50%);"> | 3241 | <div class="porto-ibanner-layer" style="width: 40%; right: 0%; top: 50%; transform: translateY(-50%);"> | |||
| 3242 | <div class="vc_btn3-container mb-0 vc_btn3-inline"><button class="vc_btn3 vc_btn3-shape-default btn btn-modern btn-sm btn-dark">Shop Now</button></div> | 3242 | <div class="vc_btn3-container mb-0 vc_btn3-inline"><button class="vc_btn3 vc_btn3-shape-default btn btn-modern btn-sm btn-dark">Shop Now</button></div> | |||
| 3243 | </div> | 3243 | </div> | |||
| 3244 | <div class="porto-ibanner-layer" style="left: 3%; top: 5%;"> | 3244 | <div class="porto-ibanner-layer" style="left: 3%; top: 5%;"> | |||
| 3245 | <h5 style="font-size: 1rem; line-height: 1; text-align: center;" class="vc_custom_heading sale-label background-color-dark heading-light"> | 3245 | <h5 style="font-size: 1rem; line-height: 1; text-align: center;" class="vc_custom_heading sale-label background-color-dark heading-light"> | |||
| 3246 | 50<small><sup>%</sup><sub>OFF</sub></small> | 3246 | 50<small><sup>%</sup><sub>OFF</sub></small> | |||
| 3247 | </h5> | 3247 | </h5> | |||
| 3248 | </div> | 3248 | </div> | |||
| 3249 | <div class="porto-ibanner-layer" style="right: 3%; top: 6%;"> | 3249 | <div class="porto-ibanner-layer" style="right: 3%; top: 6%;"> | |||
| 3250 | <h5 style="font-size: 0.75rem; line-height: 1; text-align: center;" class="vc_custom_heading sale-label background-color-dark heading-light"> | 3250 | <h5 style="font-size: 0.75rem; line-height: 1; text-align: center;" class="vc_custom_heading sale-label background-color-dark heading-light"> | |||
| 3251 | 70<small><sup>%</sup><sub>OFF</sub></small> | 3251 | 70<small><sup>%</sup><sub>OFF</sub></small> | |||
| 3252 | </h5> | 3252 | </h5> | |||
| 3253 | </div> | 3253 | </div> | |||
| 3254 | <div class="porto-ibanner-layer" style="right: 45%; bottom: 10%;"> | 3254 | <div class="porto-ibanner-layer" style="right: 45%; bottom: 10%;"> | |||
| 3255 | <h5 style="font-size: 0.625rem; line-height: 1; text-align: center;" class="vc_custom_heading sale-label background-color-dark mb-0 heading-light"> | 3255 | <h5 style="font-size: 0.625rem; line-height: 1; text-align: center;" class="vc_custom_heading sale-label background-color-dark mb-0 heading-light"> | |||
| 3256 | 30<small><sup>%</sup><sub>OFF</sub></small> | 3256 | 30<small><sup>%</sup><sub>OFF</sub></small> | |||
| 3257 | </h5> | 3257 | </h5> | |||
| 3258 | </div> | 3258 | </div> | |||
| 3259 | </div> | 3259 | </div> | |||
| 3260 | </div> | 3260 | </div> | |||
| 3261 | </div> | 3261 | </div> | |||
| 3262 | </div> | 3262 | </div> | |||
| 3263 | <div class="col-md-4"> | 3263 | <div class="col-md-4"> | |||
| 3264 | <div class="wpb_wrapper vc_column-inner"> | 3264 | <div class="wpb_wrapper vc_column-inner"> | |||
| 3265 | <div class="porto-ibanner porto-ibe-boxshadow m-b-md" style="min-height: 175px;"> | 3265 | <div class="porto-ibanner porto-ibe-boxshadow m-b-md" style="min-height: 175px;"> | |||
| 3266 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/05/shop4_home_banner3.jpg"}}" /> | 3266 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/05/shop4_home_banner3.jpg"}}" /> | |||
| 3267 | <div class="porto-ibanner-desc no-padding d-flex"> | 3267 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 3268 | <div class="porto-ibanner-layer" style="right: 7%; top: 50%; transform: translateY(-50%);"> | 3268 | <div class="porto-ibanner-layer" style="right: 7%; top: 50%; transform: translateY(-50%);"> | |||
| 3269 | <h3 style="font-size: 1.5rem; line-height: 1;" class="vc_custom_heading mb-2 align-right">Handbags</h3> | 3269 | <h3 style="font-size: 1.5rem; line-height: 1;" class="vc_custom_heading mb-2 align-right">Handbags</h3> | |||
| 3270 | <h4 style="font-size: 0.9375rem; line-height: 1.3; font-weight: 600; letter-spacing: 0.01em;" class="vc_custom_heading mb-2 pb-1 align-right heading-secondary">STARTING AT $99</h4> | 3270 | <h4 style="font-size: 0.9375rem; line-height: 1.3; font-weight: 600; letter-spacing: 0.01em;" class="vc_custom_heading mb-2 pb-1 align-right heading-secondary">STARTING AT $99</h4> | |||
| 3271 | <div class="btn-container mb-0 text-right"><button class="btn btn-modern btn-sm btn-dark">Shop Now</button></div> | 3271 | <div class="btn-container mb-0 text-right"><button class="btn btn-modern btn-sm btn-dark">Shop Now</button></div> | |||
| 3272 | </div> | 3272 | </div> | |||
| 3273 | <div class="porto-ibanner-layer" style="width: 30%; left: 5%; bottom: 3%;"> | 3273 | <div class="porto-ibanner-layer" style="width: 30%; left: 5%; bottom: 3%;"> | |||
| 3274 | <div class="wpb_single_image wpb_content_element vc_align_left mb-0"> | 3274 | <div class="wpb_single_image wpb_content_element vc_align_left mb-0"> | |||
| 3275 | <div class="wpb_wrapper"> | 3275 | <div class="wpb_wrapper"> | |||
| 3276 | <div class="vc_single_image-wrapper vc_box_border_grey"> | 3276 | <div class="vc_single_image-wrapper vc_box_border_grey"> | |||
| 3277 | <img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand3.png"}}" style="display: block;" /> | 3277 | <img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand3.png"}}" style="display: block;" /> | |||
| 3278 | </div> | 3278 | </div> | |||
| 3279 | </div> | 3279 | </div> | |||
| 3280 | </div> | 3280 | </div> | |||
| 3281 | </div> | 3281 | </div> | |||
| 3282 | <div class="porto-ibanner-layer" style="left: 31%; top: 24%;"> | 3282 | <div class="porto-ibanner-layer" style="left: 31%; top: 24%;"> | |||
| 3283 | <h5 style="font-size: 1.75rem; line-height: 1; text-align: center;" class="vc_custom_heading sale-label background-color-secondary heading-light"> | 3283 | <h5 style="font-size: 1.75rem; line-height: 1; text-align: center;" class="vc_custom_heading sale-label background-color-secondary heading-light"> | |||
| 3284 | 40<small><sup>%</sup><sub>OFF</sub></small> | 3284 | 40<small><sup>%</sup><sub>OFF</sub></small> | |||
| 3285 | </h5> | 3285 | </h5> | |||
| 3286 | </div> | 3286 | </div> | |||
| 3287 | </div> | 3287 | </div> | |||
| 3288 | </div> | 3288 | </div> | |||
| 3289 | </div> | 3289 | </div> | |||
| 3290 | </div> | 3290 | </div> | |||
| 3291 | </div> | 3291 | </div> | |||
| 3292 | </div> | 3292 | </div> | |||
| 3293 | <div class="container"> | 3293 | <div class="container"> | |||
| 3294 | <div class="row m-b-md" style="margin-right: 0px; margin-left: 0px; background-color: #ffffff;"> | 3294 | <div class="row m-b-md" style="margin-right: 0px; margin-left: 0px; background-color: #ffffff;"> | |||
| 3295 | <div class="col-md-12" style="padding-top: 20px; padding-right: 20px; padding-left: 20px;"> | 3295 | <div class="col-md-12" style="padding-top: 20px; padding-right: 20px; padding-left: 20px;"> | |||
| 3296 | <div class="vc_column-inner"> | 3296 | <div class="vc_column-inner"> | |||
| 3297 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_type="3" extra_class="nav-center-images-only nav-style-4" product_count="10" column_count="5" aspect_ratio="0" image_width="250" image_height="250" template="grid.phtml"}} | 3297 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_type="3" extra_class="nav-center-images-only nav-style-4" product_count="10" column_count="5" aspect_ratio="0" image_width="250" image_height="250" template="grid.phtml"}} | |||
| 3298 | <div class="load-more text-center" style="margin: 20px 0 47px;"> | 3298 | <div class="load-more text-center" style="margin: 20px 0 47px;"> | |||
| 3299 | <a class="btn btn-modern btn-dark" href="#" style="padding: 1.4em 4em;font-size: .8125rem;line-height: 1.3333;">Show More...</a> | 3299 | <a class="btn btn-modern btn-dark" href="#" style="padding: 1.4em 4em;font-size: .8125rem;line-height: 1.3333;">Show More...</a> | |||
| 3300 | </div> | 3300 | </div> | |||
| 3301 | </div> | 3301 | </div> | |||
| 3302 | </div> | 3302 | </div> | |||
| 3303 | </div> | 3303 | </div> | |||
| 3304 | </div> | 3304 | </div> | |||
| 3305 | <div class="container"> | 3305 | <div class="container"> | |||
| 3306 | <div style="background: url('{{media url="wysiwyg/smartwave/porto/homepage/05/shop5_home_banner3.jpg"}}') left 15% no-repeat; padding: 20px 20px 6px; background-color: #1d70ba;" | 3306 | <div style="background: url('{{media url="wysiwyg/smartwave/porto/homepage/05/shop5_home_banner3.jpg"}}') left 15% no-repeat; padding: 20px 20px 6px; background-color: #1d70ba;" | |||
| 3307 | class="row align-items-center no-padding"> | 3307 | class="row align-items-center no-padding"> | |||
| 3308 | <div class="category-content dir-column text-center-md col-md-12 col-lg-9"> | 3308 | <div class="category-content dir-column text-center-md col-md-12 col-lg-9"> | |||
| 3309 | <div class="wpb_wrapper vc_column-inner"> | 3309 | <div class="wpb_wrapper vc_column-inner"> | |||
| 3310 | <h4 style="font-size: 1.3rem; line-height: 1; text-align: center; font-weight: 700; margin-right: 1rem; padding: 0.6rem 0.8rem;" class="pc-label-sale text-uppercase heading-light"><b>BIG SALE</b></h4> | 3310 | <h4 style="font-size: 1.3rem; line-height: 1; text-align: center; font-weight: 700; margin-right: 1rem; padding: 0.6rem 0.8rem;" class="pc-label-sale text-uppercase heading-light"><b>BIG SALE</b></h4> | |||
| 3311 | <h4 style="font-size: 1.25rem; color: #ffffff; line-height: 1.2;margin-left: -4px;" class="vc_custom_heading d-inline-block mr-3 align-left text-uppercase">ALL NEW FASHION BRANDS ITEMS UP TO 70% OFF</h4> | 3311 | <h4 style="font-size: 1.25rem; color: #ffffff; line-height: 1.2;margin-left: -4px;" class="vc_custom_heading d-inline-block mr-3 align-left text-uppercase">ALL NEW FASHION BRANDS ITEMS UP TO 70% OFF</h4> | |||
| 3312 | <h6 style="font-size: 0.875rem; color: rgba(255, 255, 255, 0.7); line-height: 1; font-weight: 500;" class="vc_custom_heading d-inline-block pb-1 align-left">Online Purchases Only</h6> | 3312 | <h6 style="font-size: 0.875rem; color: rgba(255, 255, 255, 0.7); line-height: 1; font-weight: 500;" class="vc_custom_heading d-inline-block pb-1 align-left">Online Purchases Only</h6> | |||
| 3313 | </div> | 3313 | </div> | |||
| 3314 | </div> | 3314 | </div> | |||
| 3315 | <div class="text-lg-right col-md-12 col-lg-3"> | 3315 | <div class="text-lg-right col-md-12 col-lg-3"> | |||
| 3316 | <div class="wpb_wrapper vc_column-inner"> | 3316 | <div class="wpb_wrapper vc_column-inner"> | |||
| 3317 | <div class="btn-container d-inline-block" style="margin-bottom: 14px; background-color: #ffffff;"><button class="btn btn-modern btn-lg btn-light">VIEW SALE</button></div> | 3317 | <div class="btn-container d-inline-block" style="margin-bottom: 14px; background-color: #ffffff;"><button class="btn btn-modern btn-lg btn-light">VIEW SALE</button></div> | |||
| 3318 | </div> | 3318 | </div> | |||
| 3319 | </div> | 3319 | </div> | |||
| 3320 | </div> | 3320 | </div> | |||
| 3321 | </div> | 3321 | </div> | |||
| 3322 | <div class="p-b-md porto-inner-container" style="margin-right: 0px; margin-left: 0px; padding-top: 60px; padding-bottom: 30px;"> | 3322 | <div class="p-b-md porto-inner-container" style="margin-right: 0px; margin-left: 0px; padding-top: 60px; padding-bottom: 30px;"> | |||
| 3323 | <div class="container"> | 3323 | <div class="container"> | |||
| 3324 | <div class="row no-padding"> | 3324 | <div class="row no-padding"> | |||
| 3325 | <div class="col-md-4"> | 3325 | <div class="col-md-4"> | |||
| 3326 | <div class="vc_column-inner"> | 3326 | <div class="vc_column-inner"> | |||
| 3327 | <div class="porto-sicon-box px-2 px-xl-4 style_1 top-icon"> | 3327 | <div class="porto-sicon-box px-2 px-xl-4 style_1 top-icon"> | |||
| 3328 | <div class="porto-sicon-top"> | 3328 | <div class="porto-sicon-top"> | |||
| 3329 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 3329 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 3330 | <div class="porto-icon advanced" style="color: #ffffff; background: #0e0f11; width: 80px; height: 80px; line-height: 80px; border-radius: 40px; font-size: 35px; display: inline-block;"> | 3330 | <div class="porto-icon advanced" style="color: #ffffff; background: #0e0f11; width: 80px; height: 80px; line-height: 80px; border-radius: 40px; font-size: 35px; display: inline-block;"> | |||
| 3331 | <i class="Simple-Line-Icons-earphones-alt"></i> | 3331 | <i class="Simple-Line-Icons-earphones-alt"></i> | |||
| 3332 | </div> | 3332 | </div> | |||
| 3333 | </div> | 3333 | </div> | |||
| 3334 | </div> | 3334 | </div> | |||
| 3335 | <div class="porto-sicon-header"> | 3335 | <div class="porto-sicon-header"> | |||
| 3336 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 16px; color: #000000;">CUSTOMER SUPPORT</h3> | 3336 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 16px; color: #000000;">CUSTOMER SUPPORT</h3> | |||
| 3337 | <p style="font-weight: 600; line-height: 1.2;">Need Assistence?</p> | 3337 | <p style="font-weight: 600; line-height: 1.2;">Need Assistence?</p> | |||
| 3338 | </div> | 3338 | </div> | |||
| 3339 | <div class="porto-sicon-description" style="font-size: 13px; color: #687176;">We really care about you and your website as much as you do. Purchasing Porto or any other theme from us you get 100% free support.</div> | 3339 | <div class="porto-sicon-description" style="font-size: 13px; color: #687176;">We really care about you and your website as much as you do. Purchasing Porto or any other theme from us you get 100% free support.</div> | |||
| 3340 | </div> | 3340 | </div> | |||
| 3341 | </div> | 3341 | </div> | |||
| 3342 | </div> | 3342 | </div> | |||
| 3343 | <div class="col-md-4"> | 3343 | <div class="col-md-4"> | |||
| 3344 | <div class="vc_column-inner"> | 3344 | <div class="vc_column-inner"> | |||
| 3345 | <div class="porto-sicon-box px-2 px-xl-4 style_1 top-icon"> | 3345 | <div class="porto-sicon-box px-2 px-xl-4 style_1 top-icon"> | |||
| 3346 | <div class="porto-sicon-top"> | 3346 | <div class="porto-sicon-top"> | |||
| 3347 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 3347 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 3348 | <div class="porto-icon advanced" style="color: #ffffff; background: #0e0f11; width: 80px; height: 80px; line-height: 80px; border-radius: 40px; font-size: 35px; display: inline-block;"> | 3348 | <div class="porto-icon advanced" style="color: #ffffff; background: #0e0f11; width: 80px; height: 80px; line-height: 80px; border-radius: 40px; font-size: 35px; display: inline-block;"> | |||
| 3349 | <i class="Simple-Line-Icons-credit-card"></i> | 3349 | <i class="Simple-Line-Icons-credit-card"></i> | |||
| 3350 | </div> | 3350 | </div> | |||
| 3351 | </div> | 3351 | </div> | |||
| 3352 | </div> | 3352 | </div> | |||
| 3353 | <div class="porto-sicon-header"> | 3353 | <div class="porto-sicon-header"> | |||
| 3354 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 16px; color: #000000;">SECURED PAYMENT</h3> | 3354 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 16px; color: #000000;">SECURED PAYMENT</h3> | |||
| 3355 | <p style="font-weight: 600; line-height: 1.2;">Safe & Fast</p> | 3355 | <p style="font-weight: 600; line-height: 1.2;">Safe & Fast</p> | |||
| 3356 | </div> | 3356 | </div> | |||
| 3357 | <div class="porto-sicon-description" style="font-size: 13px; color: #687176;">With Porto you can customize the layout, colors and styles within only a few minutes. Start creating an amazing website right now!</div> | 3357 | <div class="porto-sicon-description" style="font-size: 13px; color: #687176;">With Porto you can customize the layout, colors and styles within only a few minutes. Start creating an amazing website right now!</div> | |||
| 3358 | </div> | 3358 | </div> | |||
| 3359 | </div> | 3359 | </div> | |||
| 3360 | </div> | 3360 | </div> | |||
| 3361 | <div class="col-md-4"> | 3361 | <div class="col-md-4"> | |||
| 3362 | <div class="vc_column-inner"> | 3362 | <div class="vc_column-inner"> | |||
| 3363 | <div class="porto-sicon-box px-2 px-xl-4 style_1 top-icon"> | 3363 | <div class="porto-sicon-box px-2 px-xl-4 style_1 top-icon"> | |||
| 3364 | <div class="porto-sicon-top"> | 3364 | <div class="porto-sicon-top"> | |||
| 3365 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 3365 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 3366 | <div class="porto-icon advanced" style="color: #ffffff; background: #0e0f11; width: 80px; height: 80px; line-height: 80px; border-radius: 40px; font-size: 35px; display: inline-block;"> | 3366 | <div class="porto-icon advanced" style="color: #ffffff; background: #0e0f11; width: 80px; height: 80px; line-height: 80px; border-radius: 40px; font-size: 35px; display: inline-block;"> | |||
| 3367 | <i class="Simple-Line-Icons-action-undo"></i> | 3367 | <i class="Simple-Line-Icons-action-undo"></i> | |||
| 3368 | </div> | 3368 | </div> | |||
| 3369 | </div> | 3369 | </div> | |||
| 3370 | </div> | 3370 | </div> | |||
| 3371 | <div class="porto-sicon-header"> | 3371 | <div class="porto-sicon-header"> | |||
| 3372 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 16px; color: #000000;">RETURNS</h3> | 3372 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 16px; color: #000000;">RETURNS</h3> | |||
| 3373 | <p style="font-weight: 600; line-height: 1.2;">Easy & Free</p> | 3373 | <p style="font-weight: 600; line-height: 1.2;">Easy & Free</p> | |||
| 3374 | </div> | 3374 | </div> | |||
| 3375 | <div class="porto-sicon-description" style="font-size: 13px; color: #687176;">Porto has very powerful admin features to help customer to build their own shop in minutes without any special skills in web development.</div> | 3375 | <div class="porto-sicon-description" style="font-size: 13px; color: #687176;">Porto has very powerful admin features to help customer to build their own shop in minutes without any special skills in web development.</div> | |||
| 3376 | </div> | 3376 | </div> | |||
| 3377 | </div> | 3377 | </div> | |||
| 3378 | </div> | 3378 | </div> | |||
| 3379 | </div> | 3379 | </div> | |||
| 3380 | </div> | 3380 | </div> | |||
| 3381 | </div> | 3381 | </div> | |||
| 3382 | <div class="container"> | 3382 | <div class="container"> | |||
| 3383 | <div class="row py-5 no-padding" style="border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;"> | 3383 | <div class="row py-5 no-padding" style="border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;"> | |||
| 3384 | <div class="porto-carousel brand-carousel owl-carousel mb-0"> | 3384 | <div class="porto-carousel brand-carousel owl-carousel mb-0"> | |||
| 3385 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand1.png"}}" alt="" /></div> | 3385 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand1.png"}}" alt="" /></div> | |||
| 3386 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand2.png"}}" alt="" /></div> | 3386 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand2.png"}}" alt="" /></div> | |||
| 3387 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand3.png"}}" alt="" /></div> | 3387 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand3.png"}}" alt="" /></div> | |||
| 3388 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand4.png"}}" alt="" /></div> | 3388 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand4.png"}}" alt="" /></div> | |||
| 3389 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand5.png"}}" alt="" /></div> | 3389 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand5.png"}}" alt="" /></div> | |||
| 3390 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand6.png"}}" alt="" /></div> | 3390 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand6.png"}}" alt="" /></div> | |||
| 3391 | </div> | 3391 | </div> | |||
| 3392 | <script type="text/javascript"> | 3392 | <script type="text/javascript"> | |||
| 3393 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | 3393 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | |||
| 3394 | $(".brand-carousel.owl-carousel").owlCarousel({ | 3394 | $(".brand-carousel.owl-carousel").owlCarousel({ | |||
| 3395 | autoplay: true, | 3395 | autoplay: true, | |||
| 3396 | autoplayTimeout: 5000, | 3396 | autoplayTimeout: 5000, | |||
| 3397 | autoplayHoverPause: true, | 3397 | autoplayHoverPause: true, | |||
| 3398 | nav: false, | 3398 | nav: false, | |||
| 3399 | dots: false, | 3399 | dots: false, | |||
| 3400 | loop: false, | 3400 | loop: false, | |||
| 3401 | responsive: { | 3401 | responsive: { | |||
| 3402 | 0: { | 3402 | 0: { | |||
| 3403 | items: 2, | 3403 | items: 2, | |||
| 3404 | }, | 3404 | }, | |||
| 3405 | 640: { | 3405 | 640: { | |||
| 3406 | items: 2, | 3406 | items: 2, | |||
| 3407 | }, | 3407 | }, | |||
| 3408 | 768: { | 3408 | 768: { | |||
| 3409 | items: 3, | 3409 | items: 3, | |||
| 3410 | }, | 3410 | }, | |||
| 3411 | 992: { | 3411 | 992: { | |||
| 3412 | items: 4, | 3412 | items: 4, | |||
| 3413 | }, | 3413 | }, | |||
| 3414 | 1200: { | 3414 | 1200: { | |||
| 3415 | items: 6 | 3415 | items: 6 | |||
| 3416 | }, | 3416 | }, | |||
| 3417 | }, | 3417 | }, | |||
| 3418 | }); | 3418 | }); | |||
| 3419 | }); | 3419 | }); | |||
| 3420 | </script> | 3420 | </script> | |||
| 3421 | </div> | 3421 | </div> | |||
| 3422 | </div>]]> | 3422 | </div>]]> | |||
| 3423 | </content> | 3423 | </content> | |||
| 3424 | 3424 | |||||
| 3425 | <is_active> | 3425 | <is_active> | |||
| 3426 | 1 | 3426 | 1 | |||
| 3427 | </is_active> | 3427 | </is_active> | |||
| 3428 | 3428 | |||||
| 3429 | <page_layout> | 3429 | <page_layout> | |||
| 3430 | 1column | 3430 | 1column | |||
| 3431 | </page_layout> | 3431 | </page_layout> | |||
| 3432 | 3432 | |||||
| 3433 | <layout_update_xml> | 3433 | <layout_update_xml> | |||
| 3434 | <![CDATA[ ]]> | 3434 | <![CDATA[ ]]> | |||
| 3435 | </layout_update_xml> | 3435 | </layout_update_xml> | |||
| 3436 | 3436 | |||||
| 3437 | </cms_item> | 3437 | </cms_item> | |||
| 3438 | 3438 | |||||
| 3439 | <cms_item> | 3439 | <cms_item> | |||
| 3440 | 3440 | |||||
| 3441 | <title> | 3441 | <title> | |||
| 3442 | Porto - Homepage 6 | 3442 | Porto - Homepage 6 | |||
| 3443 | </title> | 3443 | </title> | |||
| 3444 | 3444 | |||||
| 3445 | <identifier> | 3445 | <identifier> | |||
| 3446 | porto_home_6 | 3446 | porto_home_6 | |||
| 3447 | </identifier> | 3447 | </identifier> | |||
| 3448 | 3448 | |||||
| 3449 | <content> | 3449 | <content> | |||
| 3450 | <![CDATA[<style> | 3450 | <![CDATA[<style> | |||
| 3451 | .cms-index-index.layout-fullwidth .page-main { | 3451 | .cms-index-index.layout-fullwidth .page-main { | |||
| 3452 | max-width: 100%; | 3452 | max-width: 100%; | |||
| 3453 | padding: 0; | 3453 | padding: 0; | |||
| 3454 | } | 3454 | } | |||
| 3455 | .columns .column.main { | 3455 | .columns .column.main { | |||
| 3456 | padding-bottom: 0; | 3456 | padding-bottom: 0; | |||
| 3457 | } | 3457 | } | |||
| 3458 | .fullscreen-carousel>.porto-carousel { | 3458 | .fullscreen-carousel>.porto-carousel { | |||
| 3459 | height: 100%; | 3459 | height: 100%; | |||
| 3460 | } | 3460 | } | |||
| 3461 | .porto-ibanner-layer { | 3461 | .porto-ibanner-layer { | |||
| 3462 | position: absolute; | 3462 | position: absolute; | |||
| 3463 | z-index: 10; | 3463 | z-index: 10; | |||
| 3464 | } | 3464 | } | |||
| 3465 | .text-sale small { | 3465 | .text-sale small { | |||
| 3466 | display: inline-block; | 3466 | display: inline-block; | |||
| 3467 | font-size: 27%; | 3467 | font-size: 27%; | |||
| 3468 | word-break: break-all; | 3468 | word-break: break-all; | |||
| 3469 | width: 1em; | 3469 | width: 1em; | |||
| 3470 | text-align: center; | 3470 | text-align: center; | |||
| 3471 | font-weight: inherit; | 3471 | font-weight: inherit; | |||
| 3472 | white-space: normal; | 3472 | white-space: normal; | |||
| 3473 | font-family: inherit; | 3473 | font-family: inherit; | |||
| 3474 | color: inherit; | 3474 | color: inherit; | |||
| 3475 | } | 3475 | } | |||
| 3476 | .coupon-sale-text { | 3476 | .coupon-sale-text { | |||
| 3477 | position: relative; | 3477 | position: relative; | |||
| 3478 | display: inline-block; | 3478 | display: inline-block; | |||
| 3479 | padding: 6px 10px 4px; | 3479 | padding: 6px 10px 4px; | |||
| 3480 | z-index: 1; | 3480 | z-index: 1; | |||
| 3481 | transform: none; | 3481 | transform: none; | |||
| 3482 | letter-spacing: 0; | 3482 | letter-spacing: 0; | |||
| 3483 | } | 3483 | } | |||
| 3484 | .coupon-sale-text:before { | 3484 | .coupon-sale-text:before { | |||
| 3485 | content: ''; | 3485 | content: ''; | |||
| 3486 | position: absolute; | 3486 | position: absolute; | |||
| 3487 | top: 0; | 3487 | top: 0; | |||
| 3488 | right: 0; | 3488 | right: 0; | |||
| 3489 | left: 0; | 3489 | left: 0; | |||
| 3490 | bottom: 0; | 3490 | bottom: 0; | |||
| 3491 | z-index: -1; | 3491 | z-index: -1; | |||
| 3492 | background: #ff7272; | 3492 | background: #ff7272; | |||
| 3493 | transform: rotate( | 3493 | transform: rotate( | |||
| 3494 | -2deg | 3494 | -2deg | |||
| 3495 | ); | 3495 | ); | |||
| 3496 | } | 3496 | } | |||
| 3497 | .coupon-sale-text b { | 3497 | .coupon-sale-text b { | |||
| 3498 | font-size: 200%; | 3498 | font-size: 200%; | |||
| 3499 | vertical-align: text-top; | 3499 | vertical-align: text-top; | |||
| 3500 | padding: 0; | 3500 | padding: 0; | |||
| 3501 | } | 3501 | } | |||
| 3502 | .porto-ibanner-layer .btn-xl { | 3502 | .porto-ibanner-layer .btn-xl { | |||
| 3503 | font-size: 1.125em; | 3503 | font-size: 1.125em; | |||
| 3504 | } | 3504 | } | |||
| 3505 | .fullscreen-carousel .owl-carousel.nav-inside .owl-dots { | 3505 | .fullscreen-carousel .owl-carousel.nav-inside .owl-dots { | |||
| 3506 | bottom: 2.25rem; | 3506 | bottom: 2.25rem; | |||
| 3507 | } | 3507 | } | |||
| 3508 | .porto-ibanner video { | 3508 | .porto-ibanner video { | |||
| 3509 | object-fit: cover; | 3509 | object-fit: cover; | |||
| 3510 | height: 100% !important; | 3510 | height: 100% !important; | |||
| 3511 | } | 3511 | } | |||
| 3512 | @media (max-width: 991px) { | 3512 | @media (max-width: 991px) { | |||
| 3513 | .home-slide2 .porto-ibanner-layer { | 3513 | .home-slide2 .porto-ibanner-layer { | |||
| 3514 | font-size: 11px; | 3514 | font-size: 11px; | |||
| 3515 | } | 3515 | } | |||
| 3516 | } | 3516 | } | |||
| 3517 | @media (max-width: 767px) { | 3517 | @media (max-width: 767px) { | |||
| 3518 | .home-slide2 .porto-ibanner-layer { | 3518 | .home-slide2 .porto-ibanner-layer { | |||
| 3519 | font-size: 9px; | 3519 | font-size: 9px; | |||
| 3520 | } | 3520 | } | |||
| 3521 | .porto-ibanner-layer { | 3521 | .porto-ibanner-layer { | |||
| 3522 | font-size: 10px; | 3522 | font-size: 10px; | |||
| 3523 | } | 3523 | } | |||
| 3524 | } | 3524 | } | |||
| 3525 | </style> | 3525 | </style> | |||
| 3526 | <div class="fullscreen-carousel"> | 3526 | <div class="fullscreen-carousel"> | |||
| 3527 | <div id="banner-slider-demo-6" class="porto-carousel owl-carousel m-b-none dots-style-1 nav-inside nav-inside-center"> | 3527 | <div id="banner-slider-demo-6" class="porto-carousel owl-carousel m-b-none dots-style-1 nav-inside nav-inside-center"> | |||
| 3528 | <div class="porto-ibanner mb-0" style="min-height: 100vh; background-color: #f4f4f4;"> | 3528 | <div class="porto-ibanner mb-0" style="min-height: 100vh; background-color: #f4f4f4;"> | |||
| 3529 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/06/shop6_home_slide1.jpg"}}" /> | 3529 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/06/shop6_home_slide1.jpg"}}" /> | |||
| 3530 | <div class="porto-ibanner-desc no-padding d-flex"> | 3530 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 3531 | <div class="porto-ibanner-layer text-center" style="width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%);padding-top: 80px;padding-bottom: 80px;"> | 3531 | <div class="porto-ibanner-layer text-center" style="width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%);padding-top: 80px;padding-bottom: 80px;"> | |||
| 3532 | <h2 style="font-size: 2.375em; line-height: 1; text-align: center; font-weight: 400; letter-spacing: 0.005em;" class="vc_custom_heading custom-font4 mb-4 heading-primary">Summer Fashion Trends</h2> | 3532 | <h2 style="font-size: 2.375em; line-height: 1; text-align: center; font-weight: 400; letter-spacing: 0.005em;" class="vc_custom_heading custom-font4 mb-4 heading-primary">Summer Fashion Trends</h2> | |||
| 3533 | <h3 style="font-size: 4.1875em; line-height: 1; text-align: center;" class="vc_custom_heading mb-1 text-uppercase">big sale up to</h3> | 3533 | <h3 style="font-size: 4.1875em; line-height: 1; text-align: center;" class="vc_custom_heading mb-1 text-uppercase">big sale up to</h3> | |||
| 3534 | <h3 style="font-size: 10.625em; line-height: 1; text-align: center;" class="vc_custom_heading mb-4 text-sale">80%<small>OFF</small></h3> | 3534 | <h3 style="font-size: 10.625em; line-height: 1; text-align: center;" class="vc_custom_heading mb-4 text-sale">80%<small>OFF</small></h3> | |||
| 3535 | <h5 style="font-size: 1.125em; line-height: 1;" class="vc_custom_heading d-inline-block mr-3 align-left text-uppercase">Starting At</h5> | 3535 | <h5 style="font-size: 1.125em; line-height: 1;" class="vc_custom_heading d-inline-block mr-3 align-left text-uppercase">Starting At</h5> | |||
| 3536 | <h5 style="font-size: 1.125em; line-height: 1;margin-left: -4px;" class="vc_custom_heading coupon-sale-text mb-4 align-left heading-light">$<b>199</b>99</h5> | 3536 | <h5 style="font-size: 1.125em; line-height: 1;margin-left: -4px;" class="vc_custom_heading coupon-sale-text mb-4 align-left heading-light">$<b>199</b>99</h5> | |||
| 3537 | <div class="btn-container mb-0 pt-2 text-center"><button class="btn btn-borders btn-xl btn-dark">SHOP NOW</button></div> | 3537 | <div class="btn-container mb-0 pt-2 text-center"><button class="btn btn-borders btn-xl btn-dark">SHOP NOW</button></div> | |||
| 3538 | </div> | 3538 | </div> | |||
| 3539 | </div> | 3539 | </div> | |||
| 3540 | </div> | 3540 | </div> | |||
| 3541 | <div class="porto-ibanner home-slide2 section-video" style="min-height: 100vh;"> | 3541 | <div class="porto-ibanner home-slide2 section-video" style="min-height: 100vh;"> | |||
| 3542 | <div style="position: absolute; | 3542 | <div style="position: absolute; | |||
| 3543 | z-index: -1; | 3543 | z-index: -1; | |||
| 3544 | inset: 0px; | 3544 | inset: 0px; | |||
| 3545 | overflow: hidden; | 3545 | overflow: hidden; | |||
| 3546 | background-size: cover; | 3546 | background-size: cover; | |||
| 3547 | background-color: transparent; | 3547 | background-color: transparent; | |||
| 3548 | background-repeat: no-repeat; | 3548 | background-repeat: no-repeat; | |||
| 3549 | background-position: 50% 50%; | 3549 | background-position: 50% 50%; | |||
| 3550 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/06/shop6-slide2.jpg"}}'); | 3550 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/06/shop6-slide2.jpg"}}'); | |||
| 3551 | "> | 3551 | "> | |||
| 3552 | <video autoplay loop="" muted="" preload="auto" style="margin: auto; position: absolute; z-index: -1; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: auto;"> | 3552 | <video autoplay loop="" muted="" preload="auto" style="margin: auto; position: absolute; z-index: -1; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: auto;"> | |||
| 3553 | <source src="{{media url="wysiwyg/smartwave/porto/homepage/06/shop6-slide2.mp4"}}" type="video/mp4"> | 3553 | <source src="{{media url="wysiwyg/smartwave/porto/homepage/06/shop6-slide2.mp4"}}" type="video/mp4"> | |||
| 3554 | </video> | 3554 | </video> | |||
| 3555 | </div> | 3555 | </div> | |||
| 3556 | <div class="video-overlay"></div> | 3556 | <div class="video-overlay"></div> | |||
| 3557 | <div class="porto-ibanner-desc no-padding d-flex"> | 3557 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 3558 | <div class="container"> | 3558 | <div class="container"> | |||
| 3559 | <div class="porto-ibanner-container"> | 3559 | <div class="porto-ibanner-container"> | |||
| 3560 | <div class="porto-ibanner-layer" style="left: 8%; top: 50%; transform: translateY(-50%);"> | 3560 | <div class="porto-ibanner-layer" style="left: 8%; top: 50%; transform: translateY(-50%);"> | |||
| 3561 | <h2 style="font-size: 2.375em; line-height: 1; font-weight: 400; letter-spacing: 0.005em;" class="vc_custom_heading mb-0 custom-font4 pl-1 align-left">Summer Trends</h2> | 3561 | <h2 style="font-size: 2.375em; line-height: 1; font-weight: 400; letter-spacing: 0.005em;" class="vc_custom_heading mb-0 custom-font4 pl-1 align-left">Summer Trends</h2> | |||
| 3562 | <h3 style="font-size: 8.75em; line-height: 1;" class="vc_custom_heading mb-0 align-left text-uppercase">sale</h3> | 3562 | <h3 style="font-size: 8.75em; line-height: 1;" class="vc_custom_heading mb-0 align-left text-uppercase">sale</h3> | |||
| 3563 | </div> | 3563 | </div> | |||
| 3564 | <div class="porto-ibanner-layer" style="right: 8%; top: 50%; transform: translateY(-50%);"> | 3564 | <div class="porto-ibanner-layer" style="right: 8%; top: 50%; transform: translateY(-50%);"> | |||
| 3565 | <h4 style="font-size: 1.25em; line-height: 1; font-weight: 300; letter-spacing: 0.18em;" class="vc_custom_heading mb-0 align-left text-uppercase">prices up to</h4> | 3565 | <h4 style="font-size: 1.25em; line-height: 1; font-weight: 300; letter-spacing: 0.18em;" class="vc_custom_heading mb-0 align-left text-uppercase">prices up to</h4> | |||
| 3566 | <h3 style="font-size: 9.375em; line-height: 1;" class="vc_custom_heading mb-0 text-sale m-l-n-xs align-left text-uppercase">80%<small>OFF</small></h3> | 3566 | <h3 style="font-size: 9.375em; line-height: 1;" class="vc_custom_heading mb-0 text-sale m-l-n-xs align-left text-uppercase">80%<small>OFF</small></h3> | |||
| 3567 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-xl btn-primary">SHOP NOW</button></div> | 3567 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-xl btn-primary">SHOP NOW</button></div> | |||
| 3568 | </div> | 3568 | </div> | |||
| 3569 | </div> | 3569 | </div> | |||
| 3570 | </div> | 3570 | </div> | |||
| 3571 | </div> | 3571 | </div> | |||
| 3572 | </div> | 3572 | </div> | |||
| 3573 | </div> | 3573 | </div> | |||
| 3574 | <script type="text/javascript"> | 3574 | <script type="text/javascript"> | |||
| 3575 | require([ | 3575 | require([ | |||
| 3576 | 'jquery', | 3576 | 'jquery', | |||
| 3577 | 'owl.carousel/owl.carousel.min' | 3577 | 'owl.carousel/owl.carousel.min' | |||
| 3578 | ], function ($) { | 3578 | ], function ($) { | |||
| 3579 | $("#banner-slider-demo-6").owlCarousel({ | 3579 | $("#banner-slider-demo-6").owlCarousel({ | |||
| 3580 | items: 1, | 3580 | items: 1, | |||
| 3581 | autoplay: false, | 3581 | autoplay: false, | |||
| 3582 | autoplayTimeout: 5000, | 3582 | autoplayTimeout: 5000, | |||
| 3583 | autoplayHoverPause: true, | 3583 | autoplayHoverPause: true, | |||
| 3584 | dots: true, | 3584 | dots: true, | |||
| 3585 | navRewind: true, | 3585 | navRewind: true, | |||
| 3586 | animateIn: 'fadeIn', | 3586 | animateIn: 'fadeIn', | |||
| 3587 | animateOut: 'fadeOut', | 3587 | animateOut: 'fadeOut', | |||
| 3588 | loop: true, | 3588 | loop: true, | |||
| 3589 | nav: false | 3589 | nav: false | |||
| 3590 | }); | 3590 | }); | |||
| 3591 | }); | 3591 | }); | |||
| 3592 | </script> | 3592 | </script> | |||
| 3593 | </div> | 3593 | </div> | |||
| 3594 | <style> | 3594 | <style> | |||
| 3595 | .porto-ibanner .porto-ibanner-img { | 3595 | .porto-ibanner .porto-ibanner-img { | |||
| 3596 | opacity: 1; | 3596 | opacity: 1; | |||
| 3597 | } | 3597 | } | |||
| 3598 | .porto-ibanner:hover .porto-ibanner-img { | 3598 | .porto-ibanner:hover .porto-ibanner-img { | |||
| 3599 | opacity: 0.8; | 3599 | opacity: 0.8; | |||
| 3600 | } | 3600 | } | |||
| 3601 | </style> | 3601 | </style> | |||
| 3602 | <div class="row no-padding"> | 3602 | <div class="row no-padding"> | |||
| 3603 | <div class="col-sm-6 col-md-6 col-xl-3"> | 3603 | <div class="col-sm-6 col-md-6 col-xl-3"> | |||
| 3604 | <div class="wpb_wrapper vc_column-inner"> | 3604 | <div class="wpb_wrapper vc_column-inner"> | |||
| 3605 | <div class="porto-ibanner mb-0" style="background-color: #dae0e4; min-height: 200px;"> | 3605 | <div class="porto-ibanner mb-0" style="background-color: #dae0e4; min-height: 200px;"> | |||
| 3606 | <img src='{{media url="wysiwyg/smartwave/porto/homepage/06/shop6_home_banner1.jpg"}}' /> | 3606 | <img src='{{media url="wysiwyg/smartwave/porto/homepage/06/shop6_home_banner1.jpg"}}' /> | |||
| 3607 | <div class="porto-ibanner-desc no-padding d-flex"> | 3607 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 3608 | <div class="porto-ibanner-layer" style="right: 5%; top: 50%; transform: translateY(-50%);"> | 3608 | <div class="porto-ibanner-layer" style="right: 5%; top: 50%; transform: translateY(-50%);"> | |||
| 3609 | <h3 style="font-size: 1.75em; line-height: 1;" class="vc_custom_heading mb-0 align-right">TRENDING</h3> | 3609 | <h3 style="font-size: 1.75em; line-height: 1;" class="vc_custom_heading mb-0 align-right">TRENDING</h3> | |||
| 3610 | <h3 style="font-size: 1.875em; line-height: 1;" class="vc_custom_heading mb-3 align-right">Hat Sales</h3> | 3610 | <h3 style="font-size: 1.875em; line-height: 1;" class="vc_custom_heading mb-3 align-right">Hat Sales</h3> | |||
| 3611 | <h4 style="font-size: 0.9375em; line-height: 1; font-weight: 600; letter-spacing: 0.01em;" class="vc_custom_heading mb-3 align-right heading-primary">STARTING AT $99</h4> | 3611 | <h4 style="font-size: 0.9375em; line-height: 1; font-weight: 600; letter-spacing: 0.01em;" class="vc_custom_heading mb-3 align-right heading-primary">STARTING AT $99</h4> | |||
| 3612 | <div class="btn-container mb-0 text-right"><button class="btn btn-modern btn-md btn-dark">Buy Now!</button></div> | 3612 | <div class="btn-container mb-0 text-right"><button class="btn btn-modern btn-md btn-dark">Buy Now!</button></div> | |||
| 3613 | </div> | 3613 | </div> | |||
| 3614 | </div> | 3614 | </div> | |||
| 3615 | </div> | 3615 | </div> | |||
| 3616 | </div> | 3616 | </div> | |||
| 3617 | </div> | 3617 | </div> | |||
| 3618 | <div class="col-sm-6 col-md-6 col-xl-3"> | 3618 | <div class="col-sm-6 col-md-6 col-xl-3"> | |||
| 3619 | <div class="wpb_wrapper vc_column-inner"> | 3619 | <div class="wpb_wrapper vc_column-inner"> | |||
| 3620 | <div class="porto-ibanner mb-0" style="background-color: #222529; min-height: 200px;"> | 3620 | <div class="porto-ibanner mb-0" style="background-color: #222529; min-height: 200px;"> | |||
| 3621 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/06/shop6_home_banner2.jpg"}}" /> | 3621 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/06/shop6_home_banner2.jpg"}}" /> | |||
| 3622 | <div class="porto-ibanner-desc no-padding d-flex"> | 3622 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 3623 | <div class="porto-ibanner-layer" style="right: 5%; top: 50%; transform: translateY(-50%);"> | 3623 | <div class="porto-ibanner-layer" style="right: 5%; top: 50%; transform: translateY(-50%);"> | |||
| 3624 | <h3 style="font-size: 1.0625em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading mb-2 align-right heading-primary">FLASH SALE</h3> | 3624 | <h3 style="font-size: 1.0625em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading mb-2 align-right heading-primary">FLASH SALE</h3> | |||
| 3625 | <h3 style="font-size: 0.9375em; color: #a2a2a2; line-height: 1.2; font-weight: 500; letter-spacing: -0.02em;" class="vc_custom_heading mb-2 align-right"> | 3625 | <h3 style="font-size: 0.9375em; color: #a2a2a2; line-height: 1.2; font-weight: 500; letter-spacing: -0.02em;" class="vc_custom_heading mb-2 align-right"> | |||
| 3626 | TOP BRANDS<br /> | 3626 | TOP BRANDS<br /> | |||
| 3627 | SUMMER SUNGLASSES | 3627 | SUMMER SUNGLASSES | |||
| 3628 | </h3> | 3628 | </h3> | |||
| 3629 | <h4 style="font-size: 1.5em; line-height: 1; font-weight: 700; letter-spacing: -0.02em;" class="vc_custom_heading mb-3 align-right heading-light">STARTING AT <sup>$</sup>199<sup>99</sup></h4> | 3629 | <h4 style="font-size: 1.5em; line-height: 1; font-weight: 700; letter-spacing: -0.02em;" class="vc_custom_heading mb-3 align-right heading-light">STARTING AT <sup>$</sup>199<sup>99</sup></h4> | |||
| 3630 | <div class="btn-container mb-0 text-right"><button class="btn btn-modern btn-md btn-light">View Sale</button></div> | 3630 | <div class="btn-container mb-0 text-right"><button class="btn btn-modern btn-md btn-light">View Sale</button></div> | |||
| 3631 | </div> | 3631 | </div> | |||
| 3632 | </div> | 3632 | </div> | |||
| 3633 | </div> | 3633 | </div> | |||
| 3634 | </div> | 3634 | </div> | |||
| 3635 | </div> | 3635 | </div> | |||
| 3636 | <div class="col-sm-6 col-md-6 col-xl-3"> | 3636 | <div class="col-sm-6 col-md-6 col-xl-3"> | |||
| 3637 | <div class="wpb_wrapper vc_column-inner"> | 3637 | <div class="wpb_wrapper vc_column-inner"> | |||
| 3638 | <div class="porto-ibanner mb-0" style="background: #e8e3e1; min-height: 200px;"> | 3638 | <div class="porto-ibanner mb-0" style="background: #e8e3e1; min-height: 200px;"> | |||
| 3639 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/06/shop6_home_banner3.jpg"}}" /> | 3639 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/06/shop6_home_banner3.jpg"}}" /> | |||
| 3640 | <div class="porto-ibanner-desc no-padding d-flex"> | 3640 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 3641 | <div class="porto-ibanner-layer" style="left: 6%; top: 50%; transform: translateY(-50%);"> | 3641 | <div class="porto-ibanner-layer" style="left: 6%; top: 50%; transform: translateY(-50%);"> | |||
| 3642 | <h3 style="font-size: 1.875em; line-height: 1; letter-spacing: 0.005em;" class="vc_custom_heading mb-1 custom-font4 align-left">Exclusive Shoes</h3> | 3642 | <h3 style="font-size: 1.875em; line-height: 1; letter-spacing: 0.005em;" class="vc_custom_heading mb-1 custom-font4 align-left">Exclusive Shoes</h3> | |||
| 3643 | <h3 style="font-size: 2.5em; line-height: 1;" class="vc_custom_heading mb-3 align-left">50% OFF</h3> | 3643 | <h3 style="font-size: 2.5em; line-height: 1;" class="vc_custom_heading mb-3 align-left">50% OFF</h3> | |||
| 3644 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-md btn-dark">Get Yours!</button></div> | 3644 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-md btn-dark">Get Yours!</button></div> | |||
| 3645 | </div> | 3645 | </div> | |||
| 3646 | </div> | 3646 | </div> | |||
| 3647 | </div> | 3647 | </div> | |||
| 3648 | </div> | 3648 | </div> | |||
| 3649 | </div> | 3649 | </div> | |||
| 3650 | <div class="col-sm-6 col-md-6 col-xl-3"> | 3650 | <div class="col-sm-6 col-md-6 col-xl-3"> | |||
| 3651 | <div class="wpb_wrapper vc_column-inner"> | 3651 | <div class="wpb_wrapper vc_column-inner"> | |||
| 3652 | <div class="porto-ibanner mb-0" style="background: #f4f4f4; min-height: 180px; border: 10px solid #ff7272;"> | 3652 | <div class="porto-ibanner mb-0" style="background: #f4f4f4; min-height: 180px; border: 10px solid #ff7272;"> | |||
| 3653 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/06/shop6_home_banner4.jpg"}}" /> | 3653 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/06/shop6_home_banner4.jpg"}}" /> | |||
| 3654 | <div class="porto-ibanner-desc no-padding d-flex"> | 3654 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 3655 | <div class="porto-ibanner-layer" style="width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%);"> | 3655 | <div class="porto-ibanner-layer" style="width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%);"> | |||
| 3656 | <div class="row d-flex align-items-center"> | 3656 | <div class="row d-flex align-items-center"> | |||
| 3657 | <div class="vc_column_container col-md-7 col-7"> | 3657 | <div class="vc_column_container col-md-7 col-7"> | |||
| 3658 | <div class="wpb_wrapper vc_column-inner"> | 3658 | <div class="wpb_wrapper vc_column-inner"> | |||
| 3659 | <h3 style="font-size: 1.5em; line-height: 1; letter-spacing: 0.08em;" class="vc_custom_heading mb-1 align-right">DEAL PROMOS</h3> | 3659 | <h3 style="font-size: 1.5em; line-height: 1; letter-spacing: 0.08em;" class="vc_custom_heading mb-1 align-right">DEAL PROMOS</h3> | |||
| 3660 | <h4 style="font-size: 0.9375em; color: #777777; line-height: 1; font-weight: 600; letter-spacing: 0.01em;" class="vc_custom_heading mb-0 align-right">STARTING AT $99</h4> | 3660 | <h4 style="font-size: 0.9375em; color: #777777; line-height: 1; font-weight: 600; letter-spacing: 0.01em;" class="vc_custom_heading mb-0 align-right">STARTING AT $99</h4> | |||
| 3661 | </div> | 3661 | </div> | |||
| 3662 | </div> | 3662 | </div> | |||
| 3663 | <div class="col-md-5 col-5"> | 3663 | <div class="col-md-5 col-5"> | |||
| 3664 | <div class="wpb_wrapper vc_column-inner"> | 3664 | <div class="wpb_wrapper vc_column-inner"> | |||
| 3665 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-md btn-dark">Shop Now</button></div> | 3665 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-md btn-dark">Shop Now</button></div> | |||
| 3666 | </div> | 3666 | </div> | |||
| 3667 | </div> | 3667 | </div> | |||
| 3668 | </div> | 3668 | </div> | |||
| 3669 | </div> | 3669 | </div> | |||
| 3670 | </div> | 3670 | </div> | |||
| 3671 | </div> | 3671 | </div> | |||
| 3672 | </div> | 3672 | </div> | |||
| 3673 | </div> | 3673 | </div> | |||
| 3674 | </div> | 3674 | </div> | |||
| 3675 | <div class="row no-padding"> | 3675 | <div class="row no-padding"> | |||
| 3676 | <div | 3676 | <div | |||
| 3677 | class="porto-ibanner-layer position-static order-md-2 col-md-6" | 3677 | class="porto-ibanner-layer position-static order-md-2 col-md-6" | |||
| 3678 | style=" | 3678 | style=" | |||
| 3679 | padding: 10vw 5%; | 3679 | padding: 10vw 5%; | |||
| 3680 | background-color: #f4f4f4; | 3680 | background-color: #f4f4f4; | |||
| 3681 | background-position: center; | 3681 | background-position: center; | |||
| 3682 | background-repeat: no-repeat; | 3682 | background-repeat: no-repeat; | |||
| 3683 | background-size: cover; | 3683 | background-size: cover; | |||
| 3684 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/06/shop6_women.jpg"}}'); | 3684 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/06/shop6_women.jpg"}}'); | |||
| 3685 | "> | 3685 | "> | |||
| 3686 | <div class="wpb_wrapper vc_column-inner"> | 3686 | <div class="wpb_wrapper vc_column-inner"> | |||
| 3687 | <h3 style="font-size: 3.125em; line-height: 1.2; letter-spacing: -0.01em;" class="vc_custom_heading mb-3 align-left"> | 3687 | <h3 style="font-size: 3.125em; line-height: 1.2; letter-spacing: -0.01em;" class="vc_custom_heading mb-3 align-left"> | |||
| 3688 | WOMEN'S<br /> | 3688 | WOMEN'S<br /> | |||
| 3689 | COLLECTION | 3689 | COLLECTION | |||
| 3690 | </h3> | 3690 | </h3> | |||
| 3691 | <p style="font-size: 1.125em; line-height: 1;" class="vc_custom_heading mb-4 align-left">Check out this week's hottest styles.</p> | 3691 | <p style="font-size: 1.125em; line-height: 1;" class="vc_custom_heading mb-4 align-left">Check out this week's hottest styles.</p> | |||
| 3692 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-borders btn-lg btn-dark">SHOP NOW</button></div> | 3692 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-borders btn-lg btn-dark">SHOP NOW</button></div> | |||
| 3693 | </div> | 3693 | </div> | |||
| 3694 | </div> | 3694 | </div> | |||
| 3695 | <div class="one-half-1 col-md-6" style="padding: 5vw 6%;"> | 3695 | <div class="one-half-1 col-md-6" style="padding: 5vw 6%;"> | |||
| 3696 | <div class="wpb_wrapper vc_column-inner"> | 3696 | <div class="wpb_wrapper vc_column-inner"> | |||
| 3697 | <div id="woment-products" class="porto-products"> | 3697 | <div id="woment-products" class="porto-products"> | |||
| 3698 | <div class="slider-wrapper"> | 3698 | <div class="slider-wrapper"> | |||
| 3699 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_type="3" extra_class="show-dots-title-right dots-style-1" product_count="2" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | 3699 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_type="3" extra_class="show-dots-title-right dots-style-1" product_count="2" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||
| 3700 | <script type="text/javascript"> | 3700 | <script type="text/javascript"> | |||
| 3701 | require([ | 3701 | require([ | |||
| 3702 | 'jquery', | 3702 | 'jquery', | |||
| 3703 | 'owl.carousel/owl.carousel.min' | 3703 | 'owl.carousel/owl.carousel.min' | |||
| 3704 | ], function ($) { | 3704 | ], function ($) { | |||
| 3705 | $("#woment-products .owl-carousel").owlCarousel({ | 3705 | $("#woment-products .owl-carousel").owlCarousel({ | |||
| 3706 | autoplay: false, | 3706 | autoplay: false, | |||
| 3707 | autoplayTimeout: 5000, | 3707 | autoplayTimeout: 5000, | |||
| 3708 | autoplayHoverPause: true, | 3708 | autoplayHoverPause: true, | |||
| 3709 | loop: false, | 3709 | loop: false, | |||
| 3710 | navRewind: true, | 3710 | navRewind: true, | |||
| 3711 | lazyLoad:true, | 3711 | lazyLoad:true, | |||
| 3712 | margin: 0, | 3712 | margin: 0, | |||
| 3713 | nav: false, | 3713 | nav: false, | |||
| 3714 | dots: false, | 3714 | dots: false, | |||
| 3715 | responsive: { | 3715 | responsive: { | |||
| 3716 | 0: { | 3716 | 0: { | |||
| 3717 | items:2 | 3717 | items:2 | |||
| 3718 | }, | 3718 | }, | |||
| 3719 | 640: { | 3719 | 640: { | |||
| 3720 | items:2 | 3720 | items:2 | |||
| 3721 | }, | 3721 | }, | |||
| 3722 | 768: { | 3722 | 768: { | |||
| 3723 | items:2 | 3723 | items:2 | |||
| 3724 | }, | 3724 | }, | |||
| 3725 | 992: { | 3725 | 992: { | |||
| 3726 | items:2 | 3726 | items:2 | |||
| 3727 | }, | 3727 | }, | |||
| 3728 | 1200: { | 3728 | 1200: { | |||
| 3729 | items:2 | 3729 | items:2 | |||
| 3730 | } | 3730 | } | |||
| 3731 | } | 3731 | } | |||
| 3732 | }); | 3732 | }); | |||
| 3733 | }); | 3733 | }); | |||
| 3734 | </script> | 3734 | </script> | |||
| 3735 | </div> | 3735 | </div> | |||
| 3736 | </div> | 3736 | </div> | |||
| 3737 | </div> | 3737 | </div> | |||
| 3738 | </div> | 3738 | </div> | |||
| 3739 | </div> | 3739 | </div> | |||
| 3740 | <div class="row no-padding"> | 3740 | <div class="row no-padding"> | |||
| 3741 | <div class="porto-ibanner-layer position-static col-md-6 " | 3741 | <div class="porto-ibanner-layer position-static col-md-6 " | |||
| 3742 | style="padding: 10vw 5%; | 3742 | style="padding: 10vw 5%; | |||
| 3743 | background-color: #f4f4f4; | 3743 | background-color: #f4f4f4; | |||
| 3744 | background-position: center; | 3744 | background-position: center; | |||
| 3745 | background-repeat: no-repeat; | 3745 | background-repeat: no-repeat; | |||
| 3746 | background-size: cover; | 3746 | background-size: cover; | |||
| 3747 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/06/shop6_men.jpg"}}');"> | 3747 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/06/shop6_men.jpg"}}');"> | |||
| 3748 | <div class="wpb_wrapper vc_column-inner"> | 3748 | <div class="wpb_wrapper vc_column-inner"> | |||
| 3749 | <h3 style="font-size: 3.125em; line-height: 1.2; letter-spacing: -0.01em;" class="vc_custom_heading mb-3 align-right"> | 3749 | <h3 style="font-size: 3.125em; line-height: 1.2; letter-spacing: -0.01em;" class="vc_custom_heading mb-3 align-right"> | |||
| 3750 | MEN'S<br />COLLECTION | 3750 | MEN'S<br />COLLECTION | |||
| 3751 | </h3> | 3751 | </h3> | |||
| 3752 | <p style="font-size: 1.125em; line-height: 1;" class="vc_custom_heading mb-4 align-right">Check out this week's hottest styles.</p> | 3752 | <p style="font-size: 1.125em; line-height: 1;" class="vc_custom_heading mb-4 align-right">Check out this week's hottest styles.</p> | |||
| 3753 | <div class="btn-container mb-0 text-right"><button class="btn btn-borders btn-lg btn-dark">SHOP NOW</button></div> | 3753 | <div class="btn-container mb-0 text-right"><button class="btn btn-borders btn-lg btn-dark">SHOP NOW</button></div> | |||
| 3754 | </div> | 3754 | </div> | |||
| 3755 | </div> | 3755 | </div> | |||
| 3756 | <div class="one-half-2 col-md-6" style="padding: 5vw 6%;"> | 3756 | <div class="one-half-2 col-md-6" style="padding: 5vw 6%;"> | |||
| 3757 | <div class="wpb_wrapper vc_column-inner"> | 3757 | <div class="wpb_wrapper vc_column-inner"> | |||
| 3758 | <div id="ment-products" class="porto-products"> | 3758 | <div id="ment-products" class="porto-products"> | |||
| 3759 | <div class="slider-wrapper"> | 3759 | <div class="slider-wrapper"> | |||
| 3760 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_type="3" extra_class="show-dots-title-right dots-style-1" product_count="2" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | 3760 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_type="3" extra_class="show-dots-title-right dots-style-1" product_count="2" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||
| 3761 | <script type="text/javascript"> | 3761 | <script type="text/javascript"> | |||
| 3762 | require([ | 3762 | require([ | |||
| 3763 | 'jquery', | 3763 | 'jquery', | |||
| 3764 | 'owl.carousel/owl.carousel.min' | 3764 | 'owl.carousel/owl.carousel.min' | |||
| 3765 | ], function ($) { | 3765 | ], function ($) { | |||
| 3766 | $("#ment-products .owl-carousel").owlCarousel({ | 3766 | $("#ment-products .owl-carousel").owlCarousel({ | |||
| 3767 | autoplay: false, | 3767 | autoplay: false, | |||
| 3768 | autoplayTimeout: 5000, | 3768 | autoplayTimeout: 5000, | |||
| 3769 | autoplayHoverPause: true, | 3769 | autoplayHoverPause: true, | |||
| 3770 | loop: false, | 3770 | loop: false, | |||
| 3771 | navRewind: true, | 3771 | navRewind: true, | |||
| 3772 | lazyLoad:true, | 3772 | lazyLoad:true, | |||
| 3773 | margin: 0, | 3773 | margin: 0, | |||
| 3774 | nav: false, | 3774 | nav: false, | |||
| 3775 | dots: false, | 3775 | dots: false, | |||
| 3776 | responsive: { | 3776 | responsive: { | |||
| 3777 | 0: { | 3777 | 0: { | |||
| 3778 | items:2 | 3778 | items:2 | |||
| 3779 | }, | 3779 | }, | |||
| 3780 | 640: { | 3780 | 640: { | |||
| 3781 | items:2 | 3781 | items:2 | |||
| 3782 | }, | 3782 | }, | |||
| 3783 | 768: { | 3783 | 768: { | |||
| 3784 | items:2 | 3784 | items:2 | |||
| 3785 | }, | 3785 | }, | |||
| 3786 | 992: { | 3786 | 992: { | |||
| 3787 | items:2 | 3787 | items:2 | |||
| 3788 | }, | 3788 | }, | |||
| 3789 | 1200: { | 3789 | 1200: { | |||
| 3790 | items:2 | 3790 | items:2 | |||
| 3791 | } | 3791 | } | |||
| 3792 | } | 3792 | } | |||
| 3793 | }); | 3793 | }); | |||
| 3794 | }); | 3794 | }); | |||
| 3795 | </script> | 3795 | </script> | |||
| 3796 | </div> | 3796 | </div> | |||
| 3797 | </div> | 3797 | </div> | |||
| 3798 | </div> | 3798 | </div> | |||
| 3799 | </div> | 3799 | </div> | |||
| 3800 | </div> | 3800 | </div> | |||
| 3801 | <div class="porto-wrap-container container"> | 3801 | <div class="porto-wrap-container container"> | |||
| 3802 | <div class="row"> | 3802 | <div class="row"> | |||
| 3803 | <div class="vc_column_container col-md-12"> | 3803 | <div class="vc_column_container col-md-12"> | |||
| 3804 | <div class="wpb_wrapper vc_column-inner"> | 3804 | <div class="wpb_wrapper vc_column-inner"> | |||
| 3805 | <div class="row" style="padding-top: 70px;padding-bottom: 40px"> | 3805 | <div class="row" style="padding-top: 70px;padding-bottom: 40px"> | |||
| 3806 | <div class="col-sm-6 col-md-6 col-lg-3"> | 3806 | <div class="col-sm-6 col-md-6 col-lg-3"> | |||
| 3807 | <div class="wpb_wrapper vc_column-inner"> | 3807 | <div class="wpb_wrapper vc_column-inner"> | |||
| 3808 | <div class="porto-sicon-box px-sl-5 style_1 top-icon"> | 3808 | <div class="porto-sicon-box px-sl-5 style_1 top-icon"> | |||
| 3809 | <div class="porto-sicon-top"> | 3809 | <div class="porto-sicon-top"> | |||
| 3810 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 3810 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 3811 | <div class="porto-icon advanced" style="color: #ffffff; background: #222529; width: 80px; height: 80px; line-height: 80px; border-radius: 500px; font-size: 35px; display: inline-block;"> | 3811 | <div class="porto-icon advanced" style="color: #ffffff; background: #222529; width: 80px; height: 80px; line-height: 80px; border-radius: 500px; font-size: 35px; display: inline-block;"> | |||
| 3812 | <i class="Simple-Line-Icons-earphones-alt"></i> | 3812 | <i class="Simple-Line-Icons-earphones-alt"></i> | |||
| 3813 | </div> | 3813 | </div> | |||
| 3814 | </div> | 3814 | </div> | |||
| 3815 | </div> | 3815 | </div> | |||
| 3816 | <div class="porto-sicon-header"> | 3816 | <div class="porto-sicon-header"> | |||
| 3817 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1.25rem; line-height: 1.2;">CUSTOMER SUPPORT</h3> | 3817 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1.25rem; line-height: 1.2;">CUSTOMER SUPPORT</h3> | |||
| 3818 | <p style="line-height: 1; color: #555555;">Need Assistence?</p> | 3818 | <p style="line-height: 1; color: #555555;">Need Assistence?</p> | |||
| 3819 | </div> | 3819 | </div> | |||
| 3820 | <div class="porto-sicon-description" style="font-size: 13px; line-height: 24px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</div> | 3820 | <div class="porto-sicon-description" style="font-size: 13px; line-height: 24px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</div> | |||
| 3821 | </div> | 3821 | </div> | |||
| 3822 | </div> | 3822 | </div> | |||
| 3823 | </div> | 3823 | </div> | |||
| 3824 | <div class="col-sm-6 col-md-6 col-lg-3"> | 3824 | <div class="col-sm-6 col-md-6 col-lg-3"> | |||
| 3825 | <div class="wpb_wrapper vc_column-inner"> | 3825 | <div class="wpb_wrapper vc_column-inner"> | |||
| 3826 | <div class="porto-sicon-box px-sl-5 style_1 top-icon"> | 3826 | <div class="porto-sicon-box px-sl-5 style_1 top-icon"> | |||
| 3827 | <div class="porto-sicon-top"> | 3827 | <div class="porto-sicon-top"> | |||
| 3828 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 3828 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 3829 | <div class="porto-icon advanced" style="color: #ffffff; background: #222529; width: 80px; height: 80px; line-height: 80px; border-radius: 500px; font-size: 35px; display: inline-block;"> | 3829 | <div class="porto-icon advanced" style="color: #ffffff; background: #222529; width: 80px; height: 80px; line-height: 80px; border-radius: 500px; font-size: 35px; display: inline-block;"> | |||
| 3830 | <i class="Simple-Line-Icons-credit-card"></i> | 3830 | <i class="Simple-Line-Icons-credit-card"></i> | |||
| 3831 | </div> | 3831 | </div> | |||
| 3832 | </div> | 3832 | </div> | |||
| 3833 | </div> | 3833 | </div> | |||
| 3834 | <div class="porto-sicon-header"> | 3834 | <div class="porto-sicon-header"> | |||
| 3835 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1.25rem; line-height: 1.2;">SECURED PAYMENT</h3> | 3835 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1.25rem; line-height: 1.2;">SECURED PAYMENT</h3> | |||
| 3836 | <p style="line-height: 1; color: #555555;">Safe & Fast</p> | 3836 | <p style="line-height: 1; color: #555555;">Safe & Fast</p> | |||
| 3837 | </div> | 3837 | </div> | |||
| 3838 | <div class="porto-sicon-description" style="font-size: 13px; line-height: 24px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapibus lacus. Lorem ipsum dolor sit amet.</div> | 3838 | <div class="porto-sicon-description" style="font-size: 13px; line-height: 24px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapibus lacus. Lorem ipsum dolor sit amet.</div> | |||
| 3839 | </div> | 3839 | </div> | |||
| 3840 | </div> | 3840 | </div> | |||
| 3841 | </div> | 3841 | </div> | |||
| 3842 | <div class="col-sm-6 col-md-6 col-lg-3"> | 3842 | <div class="col-sm-6 col-md-6 col-lg-3"> | |||
| 3843 | <div class="wpb_wrapper vc_column-inner"> | 3843 | <div class="wpb_wrapper vc_column-inner"> | |||
| 3844 | <div class="porto-sicon-box px-sl-5 style_1 top-icon"> | 3844 | <div class="porto-sicon-box px-sl-5 style_1 top-icon"> | |||
| 3845 | <div class="porto-sicon-top"> | 3845 | <div class="porto-sicon-top"> | |||
| 3846 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 3846 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 3847 | <div class="porto-icon advanced" style="color: #ffffff; background: #222529; width: 80px; height: 80px; line-height: 80px; border-radius: 500px; font-size: 35px; display: inline-block;"> | 3847 | <div class="porto-icon advanced" style="color: #ffffff; background: #222529; width: 80px; height: 80px; line-height: 80px; border-radius: 500px; font-size: 35px; display: inline-block;"> | |||
| 3848 | <i class="Simple-Line-Icons-action-undo"></i> | 3848 | <i class="Simple-Line-Icons-action-undo"></i> | |||
| 3849 | </div> | 3849 | </div> | |||
| 3850 | </div> | 3850 | </div> | |||
| 3851 | </div> | 3851 | </div> | |||
| 3852 | <div class="porto-sicon-header"> | 3852 | <div class="porto-sicon-header"> | |||
| 3853 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1.25rem; line-height: 1.2;">FREE RETURNS</h3> | 3853 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1.25rem; line-height: 1.2;">FREE RETURNS</h3> | |||
| 3854 | <p style="line-height: 1; color: #555555;">Easy & Free</p> | 3854 | <p style="line-height: 1; color: #555555;">Easy & Free</p> | |||
| 3855 | </div> | 3855 | </div> | |||
| 3856 | <div class="porto-sicon-description" style="font-size: 13px; line-height: 24px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</div> | 3856 | <div class="porto-sicon-description" style="font-size: 13px; line-height: 24px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</div> | |||
| 3857 | </div> | 3857 | </div> | |||
| 3858 | </div> | 3858 | </div> | |||
| 3859 | </div> | 3859 | </div> | |||
| 3860 | <div class="col-sm-6 col-md-6 col-lg-3"> | 3860 | <div class="col-sm-6 col-md-6 col-lg-3"> | |||
| 3861 | <div class="wpb_wrapper vc_column-inner"> | 3861 | <div class="wpb_wrapper vc_column-inner"> | |||
| 3862 | <div class="porto-sicon-box px-sl-5 style_1 top-icon"> | 3862 | <div class="porto-sicon-box px-sl-5 style_1 top-icon"> | |||
| 3863 | <div class="porto-sicon-top"> | 3863 | <div class="porto-sicon-top"> | |||
| 3864 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 3864 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 3865 | <div class="porto-icon advanced" style="color: #ffffff; background: #222529; width: 80px; height: 80px; line-height: 80px; border-radius: 500px; font-size: 35px; display: inline-block;"> | 3865 | <div class="porto-icon advanced" style="color: #ffffff; background: #222529; width: 80px; height: 80px; line-height: 80px; border-radius: 500px; font-size: 35px; display: inline-block;"> | |||
| 3866 | <i class="porto-icon-shipping"></i> | 3866 | <i class="porto-icon-shipping"></i> | |||
| 3867 | </div> | 3867 | </div> | |||
| 3868 | </div> | 3868 | </div> | |||
| 3869 | </div> | 3869 | </div> | |||
| 3870 | <div class="porto-sicon-header"> | 3870 | <div class="porto-sicon-header"> | |||
| 3871 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1.25rem; line-height: 1.2;">FREE SHIPPING</h3> | 3871 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1.25rem; line-height: 1.2;">FREE SHIPPING</h3> | |||
| 3872 | <p style="line-height: 1; color: #555555;">Orders Over $99</p> | 3872 | <p style="line-height: 1; color: #555555;">Orders Over $99</p> | |||
| 3873 | </div> | 3873 | </div> | |||
| 3874 | <div class="porto-sicon-description" style="font-size: 13px; line-height: 24px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</div> | 3874 | <div class="porto-sicon-description" style="font-size: 13px; line-height: 24px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</div> | |||
| 3875 | </div> | 3875 | </div> | |||
| 3876 | </div> | 3876 | </div> | |||
| 3877 | </div> | 3877 | </div> | |||
| 3878 | </div> | 3878 | </div> | |||
| 3879 | <div class="porto-separator"><hr class="separator-line align_center solid" style="background-color: #e7e7e7;" /></div> | 3879 | <div class="porto-separator"><hr class="separator-line align_center solid" style="background-color: #e7e7e7;" /></div> | |||
| 3880 | <div id="featured-products" class="porto-products"> | 3880 | <div id="featured-products" class="porto-products"> | |||
| 3881 | <h2 class="section-title slider-title text-center mb-4 mt-5 pt-3" style="font-size: 1.125rem;line-height: 1;text-align: center;letter-spacing:-.01em"><span class="inline-title">Featured Products</span><span class="line"></span></h2> | 3881 | <h2 class="section-title slider-title text-center mb-4 mt-5 pt-3" style="font-size: 1.125rem;line-height: 1;text-align: center;letter-spacing:-.01em"><span class="inline-title">Featured Products</span><span class="line"></span></h2> | |||
| 3882 | <div class="slider-wrapper mb-5 pb-3"> | 3882 | <div class="slider-wrapper mb-5 pb-3"> | |||
| 3883 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_type="3" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover" product_count="8" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | 3883 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_type="3" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover" product_count="8" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||
| 3884 | <script type="text/javascript"> | 3884 | <script type="text/javascript"> | |||
| 3885 | require([ | 3885 | require([ | |||
| 3886 | 'jquery', | 3886 | 'jquery', | |||
| 3887 | 'owl.carousel/owl.carousel.min' | 3887 | 'owl.carousel/owl.carousel.min' | |||
| 3888 | ], function ($) { | 3888 | ], function ($) { | |||
| 3889 | $("#featured-products .owl-carousel").owlCarousel({ | 3889 | $("#featured-products .owl-carousel").owlCarousel({ | |||
| 3890 | autoplay: false, | 3890 | autoplay: false, | |||
| 3891 | autoplayTimeout: 5000, | 3891 | autoplayTimeout: 5000, | |||
| 3892 | autoplayHoverPause: true, | 3892 | autoplayHoverPause: true, | |||
| 3893 | loop: true, | 3893 | loop: true, | |||
| 3894 | navRewind: true, | 3894 | navRewind: true, | |||
| 3895 | lazyLoad:true, | 3895 | lazyLoad:true, | |||
| 3896 | margin: 0, | 3896 | margin: 0, | |||
| 3897 | nav: true, | 3897 | nav: true, | |||
| 3898 | dots: false, | 3898 | dots: false, | |||
| 3899 | responsive: { | 3899 | responsive: { | |||
| 3900 | 0: { | 3900 | 0: { | |||
| 3901 | items:2 | 3901 | items:2 | |||
| 3902 | }, | 3902 | }, | |||
| 3903 | 640: { | 3903 | 640: { | |||
| 3904 | items:3 | 3904 | items:3 | |||
| 3905 | }, | 3905 | }, | |||
| 3906 | 768: { | 3906 | 768: { | |||
| 3907 | items:3 | 3907 | items:3 | |||
| 3908 | }, | 3908 | }, | |||
| 3909 | 992: { | 3909 | 992: { | |||
| 3910 | items:4 | 3910 | items:4 | |||
| 3911 | }, | 3911 | }, | |||
| 3912 | 1200: { | 3912 | 1200: { | |||
| 3913 | items:5 | 3913 | items:5 | |||
| 3914 | } | 3914 | } | |||
| 3915 | } | 3915 | } | |||
| 3916 | }); | 3916 | }); | |||
| 3917 | }); | 3917 | }); | |||
| 3918 | </script> | 3918 | </script> | |||
| 3919 | </div> | 3919 | </div> | |||
| 3920 | </div> | 3920 | </div> | |||
| 3921 | </div> | 3921 | </div> | |||
| 3922 | </div> | 3922 | </div> | |||
| 3923 | </div> | 3923 | </div> | |||
| 3924 | </div> | 3924 | </div> | |||
| 3925 | ]]> | 3925 | ]]> | |||
| 3926 | </content> | 3926 | </content> | |||
| 3927 | 3927 | |||||
| 3928 | <is_active> | 3928 | <is_active> | |||
| 3929 | 1 | 3929 | 1 | |||
| 3930 | </is_active> | 3930 | </is_active> | |||
| 3931 | 3931 | |||||
| 3932 | <page_layout> | 3932 | <page_layout> | |||
| 3933 | 1column | 3933 | 1column | |||
| 3934 | </page_layout> | 3934 | </page_layout> | |||
| 3935 | 3935 | |||||
| 3936 | <layout_update_xml> | 3936 | <layout_update_xml> | |||
| 3937 | <![CDATA[]]> | 3937 | <![CDATA[]]> | |||
| 3938 | </layout_update_xml> | 3938 | </layout_update_xml> | |||
| 3939 | 3939 | |||||
| 3940 | </cms_item> | 3940 | </cms_item> | |||
| 3941 | 3941 | |||||
| 3942 | <cms_item> | 3942 | <cms_item> | |||
| 3943 | 3943 | |||||
| 3944 | <title> | 3944 | <title> | |||
| 3945 | Porto - Homepage 7 | 3945 | Porto - Homepage 7 | |||
| 3946 | </title> | 3946 | </title> | |||
| 3947 | 3947 | |||||
| 3948 | <identifier> | 3948 | <identifier> | |||
| 3949 | porto_home_7 | 3949 | porto_home_7 | |||
| 3950 | </identifier> | 3950 | </identifier> | |||
| 3951 | 3951 | |||||
| 3952 | <content> | 3952 | <content> | |||
| 3953 | <![CDATA[<style> | 3953 | <![CDATA[<style> | |||
| 3954 | .cms-index-index .page-main { | 3954 | .cms-index-index .page-main { | |||
| 3955 | max-width: 100%; | 3955 | max-width: 100%; | |||
| 3956 | padding: 0; | 3956 | padding: 0; | |||
| 3957 | } | 3957 | } | |||
| 3958 | .columns .column.main { | 3958 | .columns .column.main { | |||
| 3959 | padding-bottom: 28px; | 3959 | padding-bottom: 28px; | |||
| 3960 | } | 3960 | } | |||
| 3961 | .coupon-sale-text b { | 3961 | .coupon-sale-text b { | |||
| 3962 | display: inline-block; | 3962 | display: inline-block; | |||
| 3963 | font-size: 1.6em; | 3963 | font-size: 1.6em; | |||
| 3964 | font-weight: 700; | 3964 | font-weight: 700; | |||
| 3965 | padding: 4px 7px; | 3965 | padding: 4px 7px; | |||
| 3966 | background-color: #ff7272; | 3966 | background-color: #ff7272; | |||
| 3967 | color: #fff; | 3967 | color: #fff; | |||
| 3968 | } | 3968 | } | |||
| 3969 | .coupon-sale-text sup { | 3969 | .coupon-sale-text sup { | |||
| 3970 | font-size: 50%; | 3970 | font-size: 50%; | |||
| 3971 | top: -.5em; | 3971 | top: -.5em; | |||
| 3972 | } | 3972 | } | |||
| 3973 | .text-sale sup { | 3973 | .text-sale sup { | |||
| 3974 | font-weight: 700; | 3974 | font-weight: 700; | |||
| 3975 | letter-spacing: 0; | 3975 | letter-spacing: 0; | |||
| 3976 | } | 3976 | } | |||
| 3977 | .text-sale del { | 3977 | .text-sale del { | |||
| 3978 | color: #222529; | 3978 | color: #222529; | |||
| 3979 | } | 3979 | } | |||
| 3980 | .sale-label:not(.product-label) { | 3980 | .sale-label:not(.product-label) { | |||
| 3981 | border-radius: 50%; | 3981 | border-radius: 50%; | |||
| 3982 | width: 2.25em; | 3982 | width: 2.25em; | |||
| 3983 | height: 2.25em; | 3983 | height: 2.25em; | |||
| 3984 | padding-top: calc(1.125em - .5em); | 3984 | padding-top: calc(1.125em - .5em); | |||
| 3985 | letter-spacing: -.08em; | 3985 | letter-spacing: -.08em; | |||
| 3986 | line-height: 1; | 3986 | line-height: 1; | |||
| 3987 | text-align: center; | 3987 | text-align: center; | |||
| 3988 | } | 3988 | } | |||
| 3989 | .sale-label small { | 3989 | .sale-label small { | |||
| 3990 | letter-spacing: -.025em; | 3990 | letter-spacing: -.025em; | |||
| 3991 | font-size: 70%; | 3991 | font-size: 70%; | |||
| 3992 | display: inline-block; | 3992 | display: inline-block; | |||
| 3993 | font-weight: inherit; | 3993 | font-weight: inherit; | |||
| 3994 | } | 3994 | } | |||
| 3995 | sup { | 3995 | sup { | |||
| 3996 | font-size: 70%; | 3996 | font-size: 70%; | |||
| 3997 | top: -.3em; | 3997 | top: -.3em; | |||
| 3998 | } | 3998 | } | |||
| 3999 | .sale-label sup { | 3999 | .sale-label sup { | |||
| 4000 | position: static; | 4000 | position: static; | |||
| 4001 | font-size: 75%; | 4001 | font-size: 75%; | |||
| 4002 | } | 4002 | } | |||
| 4003 | .sale-label sub { | 4003 | .sale-label sub { | |||
| 4004 | display: block; | 4004 | display: block; | |||
| 4005 | font-size: 36%; | 4005 | font-size: 36%; | |||
| 4006 | line-height: 1; | 4006 | line-height: 1; | |||
| 4007 | position: static; | 4007 | position: static; | |||
| 4008 | font-weight: 400; | 4008 | font-weight: 400; | |||
| 4009 | letter-spacing: 0; | 4009 | letter-spacing: 0; | |||
| 4010 | padding-left: .1em; | 4010 | padding-left: .1em; | |||
| 4011 | letter-spacing: -.025em; | 4011 | letter-spacing: -.025em; | |||
| 4012 | opacity: .5; | 4012 | opacity: .5; | |||
| 4013 | } | 4013 | } | |||
| 4014 | .coupon-sale-text i { | 4014 | .coupon-sale-text i { | |||
| 4015 | font-style: normal; | 4015 | font-style: normal; | |||
| 4016 | position: absolute; | 4016 | position: absolute; | |||
| 4017 | left: -2.25em; | 4017 | left: -2.25em; | |||
| 4018 | top: 50%; | 4018 | top: 50%; | |||
| 4019 | transform: translateY(-50%) rotate( | 4019 | transform: translateY(-50%) rotate( | |||
| 4020 | -90deg | 4020 | -90deg | |||
| 4021 | ); | 4021 | ); | |||
| 4022 | font-size: .65em; | 4022 | font-size: .65em; | |||
| 4023 | opacity: .6; | 4023 | opacity: .6; | |||
| 4024 | letter-spacing: 0; | 4024 | letter-spacing: 0; | |||
| 4025 | } | 4025 | } | |||
| 4026 | .porto-just-arrived-products .product-item-inner {display: none;} | 4026 | .porto-just-arrived-products .product-item-inner {display: none;} | |||
| 4027 | </style> | 4027 | </style> | |||
| 4028 | <div class="container"> | 4028 | <div class="container"> | |||
| 4029 | <div class="porto-grid-container"> | 4029 | <div class="porto-grid-container"> | |||
| 4030 | <div id="banner-masonry-demo-7" class="porto-banner-layout mb-4 pb-2 porto-preset-layout"> | 4030 | <div id="banner-masonry-demo-7" class="porto-banner-layout mb-4 pb-2 porto-preset-layout"> | |||
| 4031 | <div class="porto-grid-item grid-col-1-2 grid-col-md-1 grid-height-1"> | 4031 | <div class="porto-grid-item grid-col-1-2 grid-col-md-1 grid-height-1"> | |||
| 4032 | <div class="porto-ibanner" style="background: #3d4b58;"> | 4032 | <div class="porto-ibanner" style="background: #3d4b58;"> | |||
| 4033 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/07/shop7_home_banner1.jpg"}}" /> | 4033 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/07/shop7_home_banner1.jpg"}}" /> | |||
| 4034 | <div class="porto-ibanner-desc no-padding d-flex"> | 4034 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 4035 | <div class="porto-ibanner-layer" style="left: 7%; bottom: 8%;"> | 4035 | <div class="porto-ibanner-layer" style="left: 7%; bottom: 8%;"> | |||
| 4036 | <h5 style="font-size: 0.875em; color: rgba(255, 255, 255, 0.7); line-height: 1.4; font-weight: 500; letter-spacing: 0.08em;" class="vc_custom_heading mb-2 align-left">Find the Boundaries</h5> | 4036 | <h5 style="font-size: 0.875em; color: rgba(255, 255, 255, 0.7); line-height: 1.4; font-weight: 500; letter-spacing: 0.08em;" class="vc_custom_heading mb-2 align-left">Find the Boundaries</h5> | |||
| 4037 | <h3 style="font-size: 2.5em; line-height: 1; letter-spacing: 0.1px;" class="vc_custom_heading custom-font4 mb-1 align-left heading-light">Flash Sale</h3> | 4037 | <h3 style="font-size: 2.5em; line-height: 1; letter-spacing: 0.1px;" class="vc_custom_heading custom-font4 mb-1 align-left heading-light">Flash Sale</h3> | |||
| 4038 | <h4 style="font-size: 4.75em; line-height: 1;" class="vc_custom_heading mb-2 align-left text-uppercase heading-light">70% OFF</h4> | 4038 | <h4 style="font-size: 4.75em; line-height: 1;" class="vc_custom_heading mb-2 align-left text-uppercase heading-light">70% OFF</h4> | |||
| 4039 | <h5 style="font-size: 0.6875em; line-height: 1; letter-spacing: -0.02em;margin-right: 1.2em;" class="vc_custom_heading pull-left p-t-sm align-left heading-light">STARTING AT</h5> | 4039 | <h5 style="font-size: 0.6875em; line-height: 1; letter-spacing: -0.02em;margin-right: 1.2em;" class="vc_custom_heading pull-left p-t-sm align-left heading-light">STARTING AT</h5> | |||
| 4040 | <h5 style="font-size: 0.9375em; line-height: 1;" class="vc_custom_heading coupon-sale-text align-left"> | 4040 | <h5 style="font-size: 0.9375em; line-height: 1;" class="vc_custom_heading coupon-sale-text align-left"> | |||
| 4041 | <b><sup>$</sup>199<sup>99</sup></b> | 4041 | <b><sup>$</sup>199<sup>99</sup></b> | |||
| 4042 | </h5> | 4042 | </h5> | |||
| 4043 | <div class="btn-container mt-2 mb-0 d-inline-block"> | 4043 | <div class="btn-container mt-2 mb-0 d-inline-block"> | |||
| 4044 | <a class="btn btn-modern btn-lg btn-light" style="font-size: 0.8125em; font-weight: 700; letter-spacing: 0.01em; padding-left: 3em; padding-right: 3em;" href="#" title="">Shop Now!</a> | 4044 | <a class="btn btn-modern btn-lg btn-light" style="font-size: 0.8125em; font-weight: 700; letter-spacing: 0.01em; padding-left: 3em; padding-right: 3em;" href="#" title="">Shop Now!</a> | |||
| 4045 | </div> | 4045 | </div> | |||
| 4046 | </div> | 4046 | </div> | |||
| 4047 | </div> | 4047 | </div> | |||
| 4048 | </div> | 4048 | </div> | |||
| 4049 | </div> | 4049 | </div> | |||
| 4050 | <div class="porto-grid-item grid-col-1-4 grid-col-md-1-2 grid-height-1-2"> | 4050 | <div class="porto-grid-item grid-col-1-4 grid-col-md-1-2 grid-height-1-2"> | |||
| 4051 | <div class="porto-ibanner" style="background: #f4f4f4;"> | 4051 | <div class="porto-ibanner" style="background: #f4f4f4;"> | |||
| 4052 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/07/shop7_home_banner2.jpg"}}" /> | 4052 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/07/shop7_home_banner2.jpg"}}" /> | |||
| 4053 | <div class="porto-ibanner-desc no-padding d-flex"> | 4053 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 4054 | <div class="porto-ibanner-layer" style="left: 9%; top: 12%;"> | 4054 | <div class="porto-ibanner-layer" style="left: 9%; top: 12%;"> | |||
| 4055 | <h3 style="font-size: 1.5em; line-height: 1; letter-spacing: 0;" class="vc_custom_heading mb-2 align-left">Porto Watches</h3> | 4055 | <h3 style="font-size: 1.5em; line-height: 1; letter-spacing: 0;" class="vc_custom_heading mb-2 align-left">Porto Watches</h3> | |||
| 4056 | <h4 style="font-size: 1.8125em; line-height: 1; font-weight: 800; letter-spacing: -0.04em;" class="vc_custom_heading mb-2 pb-1 text-sale align-left heading-secondary"> | 4056 | <h4 style="font-size: 1.8125em; line-height: 1; font-weight: 800; letter-spacing: -0.04em;" class="vc_custom_heading mb-2 pb-1 text-sale align-left heading-secondary"> | |||
| 4057 | <sup> | 4057 | <sup> | |||
| 4058 | <del><b>20%</b></del> | 4058 | <del><b>20%</b></del> | |||
| 4059 | </sup> | 4059 | </sup> | |||
| 4060 | 30%<sup>OFF</sup> | 4060 | 30%<sup>OFF</sup> | |||
| 4061 | </h4> | 4061 | </h4> | |||
| 4062 | <div class="btn-container mb-0 d-inline-block"><a class="btn btn-modern btn-md btn-dark" style="font-weight: 700; padding: 0.875em 1.5em;" href="#" title="">Shop Now</a></div> | 4062 | <div class="btn-container mb-0 d-inline-block"><a class="btn btn-modern btn-md btn-dark" style="font-weight: 700; padding: 0.875em 1.5em;" href="#" title="">Shop Now</a></div> | |||
| 4063 | </div> | 4063 | </div> | |||
| 4064 | <div class="porto-ibanner-layer" style="background-image: url({{media url="wysiwyg/smartwave/porto/homepage/07/shop7_brand1.png"}});background-position: center;background-repeat: no-repeat;background-size: contain;width: 3rem; height: 1rem; left: 9%; bottom: 10%;"></div> | 4064 | <div class="porto-ibanner-layer" style="background-image: url({{media url="wysiwyg/smartwave/porto/homepage/07/shop7_brand1.png"}});background-position: center;background-repeat: no-repeat;background-size: contain;width: 3rem; height: 1rem; left: 9%; bottom: 10%;"></div> | |||
| 4065 | </div> | 4065 | </div> | |||
| 4066 | </div> | 4066 | </div> | |||
| 4067 | </div> | 4067 | </div> | |||
| 4068 | <div class="porto-grid-item grid-col-1-4 grid-col-md-1-2 grid-height-1"> | 4068 | <div class="porto-grid-item grid-col-1-4 grid-col-md-1-2 grid-height-1"> | |||
| 4069 | <div class="porto-ibanner" style="background: #b0bac3;"> | 4069 | <div class="porto-ibanner" style="background: #b0bac3;"> | |||
| 4070 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/07/shop7_home_banner4.jpg"}}" /> | 4070 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/07/shop7_home_banner4.jpg"}}" /> | |||
| 4071 | <div class="porto-ibanner-desc no-padding d-flex"> | 4071 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 4072 | <div class="porto-ibanner-layer" style="width: 70%; left: 50%; transform: translateX(-50%); bottom: 8.4%;"> | 4072 | <div class="porto-ibanner-layer" style="width: 70%; left: 50%; transform: translateX(-50%); bottom: 8.4%;"> | |||
| 4073 | <p style="font-size: 1.5em; line-height: 1; font-weight: 700; letter-spacing: 0.01em;" class="vc_custom_heading mb-2 pb-1 coupon-sale-text align-left heading-light">Leather Jackets</p> | 4073 | <p style="font-size: 1.5em; line-height: 1; font-weight: 700; letter-spacing: 0.01em;" class="vc_custom_heading mb-2 pb-1 coupon-sale-text align-left heading-light">Leather Jackets</p> | |||
| 4074 | <p style="font-size: 1em; line-height: 1; font-weight: 700; letter-spacing: 0.01em;" class="vc_custom_heading coupon-sale-text mb-3 align-left"><i>UP TO</i><b>$100</b> OFF</p> | 4074 | <p style="font-size: 1em; line-height: 1; font-weight: 700; letter-spacing: 0.01em;" class="vc_custom_heading coupon-sale-text mb-3 align-left"><i>UP TO</i><b>$100</b> OFF</p> | |||
| 4075 | <div class="btn-container text-center"><a class="btn btn-modern btn-lg btn-light d-block" style="font-size: 0.8125em;" href="#" title="">GET YOURS!</a></div> | 4075 | <div class="btn-container text-center"><a class="btn btn-modern btn-lg btn-light d-block" style="font-size: 0.8125em;" href="#" title="">GET YOURS!</a></div> | |||
| 4076 | </div> | 4076 | </div> | |||
| 4077 | </div> | 4077 | </div> | |||
| 4078 | </div> | 4078 | </div> | |||
| 4079 | </div> | 4079 | </div> | |||
| 4080 | <div class="porto-grid-item grid-col-1-4 grid-col-md-1-2 grid-height-1-2"> | 4080 | <div class="porto-grid-item grid-col-1-4 grid-col-md-1-2 grid-height-1-2"> | |||
| 4081 | <div class="porto-ibanner" style="border: 10px solid #65829d;"> | 4081 | <div class="porto-ibanner" style="border: 10px solid #65829d;"> | |||
| 4082 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/07/shop7_home_banner3.jpg"}}" /> | 4082 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/07/shop7_home_banner3.jpg"}}" /> | |||
| 4083 | <div class="porto-ibanner-desc no-padding d-flex"> | 4083 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 4084 | <div class="porto-ibanner-layer" style="width: 80%; left: 50%; top: 50%; transform: translate(-50%, -50%);"> | 4084 | <div class="porto-ibanner-layer" style="width: 80%; left: 50%; top: 50%; transform: translate(-50%, -50%);"> | |||
| 4085 | <h3 style="font-size: 1.375rem; line-height: 1.35; text-align: center;" class="vc_custom_heading mb-0">DEAL PROMOS</h3> | 4085 | <h3 style="font-size: 1.375rem; line-height: 1.35; text-align: center;" class="vc_custom_heading mb-0">DEAL PROMOS</h3> | |||
| 4086 | <h4 style="font-size: 0.9375rem; color: #777777; line-height: 1; text-align: center; font-weight: 600;" class="vc_custom_heading mb-3 text-uppercase">STARTING AT $99</h4> | 4086 | <h4 style="font-size: 0.9375rem; color: #777777; line-height: 1; text-align: center; font-weight: 600;" class="vc_custom_heading mb-3 text-uppercase">STARTING AT $99</h4> | |||
| 4087 | <div class="btn-container mb-0 text-center"><a class="btn btn-modern btn-md btn-dark" style="font-weight: 700; padding: 0.875em 1.5em;" href="#" title="">Shop Now</a></div> | 4087 | <div class="btn-container mb-0 text-center"><a class="btn btn-modern btn-md btn-dark" style="font-weight: 700; padding: 0.875em 1.5em;" href="#" title="">Shop Now</a></div> | |||
| 4088 | </div> | 4088 | </div> | |||
| 4089 | <div class="porto-ibanner-layer" style="left: 7%; top: 8%;"> | 4089 | <div class="porto-ibanner-layer" style="left: 7%; top: 8%;"> | |||
| 4090 | <h6 style="font-size: 1em;" class="vc_custom_heading sale-label mb-0 background-color-dark align-left heading-light"> | 4090 | <h6 style="font-size: 1em;" class="vc_custom_heading sale-label mb-0 background-color-dark align-left heading-light"> | |||
| 4091 | 50<small><sup>%</sup><sub>OFF</sub></small> | 4091 | 50<small><sup>%</sup><sub>OFF</sub></small> | |||
| 4092 | </h6> | 4092 | </h6> | |||
| 4093 | </div> | 4093 | </div> | |||
| 4094 | <div class="porto-ibanner-layer" style="right: 7%; top: 8%;"> | 4094 | <div class="porto-ibanner-layer" style="right: 7%; top: 8%;"> | |||
| 4095 | <h6 style="font-size: 0.75em;" class="vc_custom_heading sale-label mb-0 background-color-dark align-left heading-light"> | 4095 | <h6 style="font-size: 0.75em;" class="vc_custom_heading sale-label mb-0 background-color-dark align-left heading-light"> | |||
| 4096 | 70<small><sup>%</sup><sub>OFF</sub></small> | 4096 | 70<small><sup>%</sup><sub>OFF</sub></small> | |||
| 4097 | </h6> | 4097 | </h6> | |||
| 4098 | </div> | 4098 | </div> | |||
| 4099 | <div class="porto-ibanner-layer" style="right: 9%; bottom: 11%;"> | 4099 | <div class="porto-ibanner-layer" style="right: 9%; bottom: 11%;"> | |||
| 4100 | <h6 style="font-size: 0.625em;" class="vc_custom_heading sale-label mb-0 background-color-dark align-left heading-light"> | 4100 | <h6 style="font-size: 0.625em;" class="vc_custom_heading sale-label mb-0 background-color-dark align-left heading-light"> | |||
| 4101 | 30<small><sup>%</sup><sub>OFF</sub></small> | 4101 | 30<small><sup>%</sup><sub>OFF</sub></small> | |||
| 4102 | </h6> | 4102 | </h6> | |||
| 4103 | </div> | 4103 | </div> | |||
| 4104 | </div> | 4104 | </div> | |||
| 4105 | </div> | 4105 | </div> | |||
| 4106 | </div> | 4106 | </div> | |||
| 4107 | <div class="grid-col-sizer"></div> | 4107 | <div class="grid-col-sizer"></div> | |||
| 4108 | </div> | 4108 | </div> | |||
| 4109 | <style scope="scope"> | 4109 | <style scope="scope"> | |||
| 4110 | .porto-banner-layout {opacity: 0;} | 4110 | .porto-banner-layout {opacity: 0;} | |||
| 4111 | .porto-ibanner-layer { | 4111 | .porto-ibanner-layer { | |||
| 4112 | position: absolute; | 4112 | position: absolute; | |||
| 4113 | z-index: 10; | 4113 | z-index: 10; | |||
| 4114 | } | 4114 | } | |||
| 4115 | .porto-preset-layout .porto-grid-item>*, | 4115 | .porto-preset-layout .porto-grid-item>*, | |||
| 4116 | .porto-preset-layout .porto-ibanner, | 4116 | .porto-preset-layout .porto-ibanner, | |||
| 4117 | .porto-preset-layout .porto-ibanner>img { | 4117 | .porto-preset-layout .porto-ibanner>img { | |||
| 4118 | height: 100%; | 4118 | height: 100%; | |||
| 4119 | margin-bottom: 0; | 4119 | margin-bottom: 0; | |||
| 4120 | } | 4120 | } | |||
| 4121 | .porto-banner-layout .porto-grid-item { | 4121 | .porto-banner-layout .porto-grid-item { | |||
| 4122 | padding: 10px; | 4122 | padding: 10px; | |||
| 4123 | } | 4123 | } | |||
| 4124 | .porto-banner-layout { | 4124 | .porto-banner-layout { | |||
| 4125 | margin: -10px -10px 10px; | 4125 | margin: -10px -10px 10px; | |||
| 4126 | } | 4126 | } | |||
| 4127 | .porto-banner-layout .grid-col-1-2 { | 4127 | .porto-banner-layout .grid-col-1-2 { | |||
| 4128 | flex: 0 0 50%; | 4128 | flex: 0 0 50%; | |||
| 4129 | width: 50%; | 4129 | width: 50%; | |||
| 4130 | } | 4130 | } | |||
| 4131 | .porto-banner-layout .grid-col-1-4 { | 4131 | .porto-banner-layout .grid-col-1-4 { | |||
| 4132 | flex: 0 0 25%; | 4132 | flex: 0 0 25%; | |||
| 4133 | width: 25%; | 4133 | width: 25%; | |||
| 4134 | } | 4134 | } | |||
| 4135 | .porto-banner-layout .grid-col-sizer { | 4135 | .porto-banner-layout .grid-col-sizer { | |||
| 4136 | flex: 0 0 25%; | 4136 | flex: 0 0 25%; | |||
| 4137 | width: 25%; | 4137 | width: 25%; | |||
| 4138 | } | 4138 | } | |||
| 4139 | .porto-banner-layout .grid-height-1 { | 4139 | .porto-banner-layout .grid-height-1 { | |||
| 4140 | height: 520px; | 4140 | height: 520px; | |||
| 4141 | } | 4141 | } | |||
| 4142 | .porto-banner-layout .grid-height-1-2 { | 4142 | .porto-banner-layout .grid-height-1-2 { | |||
| 4143 | height: 260px; | 4143 | height: 260px; | |||
| 4144 | } | 4144 | } | |||
| 4145 | @media (max-width: 767px) { | 4145 | @media (max-width: 767px) { | |||
| 4146 | .porto-banner-layout .grid-col-md-1 { | 4146 | .porto-banner-layout .grid-col-md-1 { | |||
| 4147 | flex: 0 0 100%; | 4147 | flex: 0 0 100%; | |||
| 4148 | width: 100%; | 4148 | width: 100%; | |||
| 4149 | } | 4149 | } | |||
| 4150 | .porto-banner-layout .grid-col-md-1-2 { | 4150 | .porto-banner-layout .grid-col-md-1-2 { | |||
| 4151 | flex: 0 0 50%; | 4151 | flex: 0 0 50%; | |||
| 4152 | width: 50%; | 4152 | width: 50%; | |||
| 4153 | } | 4153 | } | |||
| 4154 | .porto-banner-layout .grid-col-sizer { | 4154 | .porto-banner-layout .grid-col-sizer { | |||
| 4155 | flex: 0 0 50%; | 4155 | flex: 0 0 50%; | |||
| 4156 | width: 50%; | 4156 | width: 50%; | |||
| 4157 | } | 4157 | } | |||
| 4158 | .porto-banner-layout .grid-height-1 { | 4158 | .porto-banner-layout .grid-height-1 { | |||
| 4159 | height: 347px; | 4159 | height: 347px; | |||
| 4160 | } | 4160 | } | |||
| 4161 | .porto-banner-layout .grid-height-1-2 { | 4161 | .porto-banner-layout .grid-height-1-2 { | |||
| 4162 | height: 173px; | 4162 | height: 173px; | |||
| 4163 | } | 4163 | } | |||
| 4164 | } | 4164 | } | |||
| 4165 | @media (max-width: 480px) { | 4165 | @media (max-width: 480px) { | |||
| 4166 | .porto-banner-layout .porto-grid-item { | 4166 | .porto-banner-layout .porto-grid-item { | |||
| 4167 | flex: 0 0 100%; | 4167 | flex: 0 0 100%; | |||
| 4168 | width: 100%; | 4168 | width: 100%; | |||
| 4169 | } | 4169 | } | |||
| 4170 | } | 4170 | } | |||
| 4171 | </style> | 4171 | </style> | |||
| 4172 | <script type="text/javascript"> | 4172 | <script type="text/javascript"> | |||
| 4173 | require([ | 4173 | require([ | |||
| 4174 | 'jquery', | 4174 | 'jquery', | |||
| 4175 | 'packery' | 4175 | 'packery' | |||
| 4176 | ], function ($, Packery) { | 4176 | ], function ($, Packery) { | |||
| 4177 | $.bridget( 'packery', Packery ); | 4177 | $.bridget( 'packery', Packery ); | |||
| 4178 | var $container = $('#banner-masonry-demo-7'); | 4178 | var $container = $('#banner-masonry-demo-7'); | |||
| 4179 | $container.css('opacity', 0); | 4179 | $container.css('opacity', 0); | |||
| 4180 | if ($container.length > 0) { | 4180 | if ($container.length > 0) { | |||
| 4181 | $container.imagesLoaded(function(){ | 4181 | $container.imagesLoaded(function(){ | |||
| 4182 | $container.packery({ | 4182 | $container.packery({ | |||
| 4183 | itemSelector: ".porto-grid-item", | 4183 | itemSelector: ".porto-grid-item", | |||
| 4184 | columnWidth: ".grid-col-sizer", | 4184 | columnWidth: ".grid-col-sizer", | |||
| 4185 | percentPosition: true | 4185 | percentPosition: true | |||
| 4186 | }); | 4186 | }); | |||
| 4187 | }); | 4187 | }); | |||
| 4188 | setTimeout(function(){ | 4188 | setTimeout(function(){ | |||
| 4189 | $container.animate({ | 4189 | $container.animate({ | |||
| 4190 | opacity: 1 | 4190 | opacity: 1 | |||
| 4191 | }, 200); | 4191 | }, 200); | |||
| 4192 | }, 500); | 4192 | }, 500); | |||
| 4193 | } | 4193 | } | |||
| 4194 | }); | 4194 | }); | |||
| 4195 | </script> | 4195 | </script> | |||
| 4196 | </div> | 4196 | </div> | |||
| 4197 | <div id="featured-products" class="porto-products wpb_content_element title-border-bottom"> | 4197 | <div id="featured-products" class="porto-products wpb_content_element title-border-bottom"> | |||
| 4198 | <h2 class="section-title slider-title"><span class="inline-title">Featured Products</span><span class="line"></span></h2> | 4198 | <h2 class="section-title slider-title"><span class="inline-title">Featured Products</span><span class="line"></span></h2> | |||
| 4199 | <div class="slider-wrapper"> | 4199 | <div class="slider-wrapper"> | |||
| 4200 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" extra_class="show-dots-title-right dots-style-1" product_count="8" product_type="4" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | 4200 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" extra_class="show-dots-title-right dots-style-1" product_count="8" product_type="4" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||
| 4201 | <script type="text/javascript"> | 4201 | <script type="text/javascript"> | |||
| 4202 | require([ | 4202 | require([ | |||
| 4203 | 'jquery', | 4203 | 'jquery', | |||
| 4204 | 'owl.carousel/owl.carousel.min' | 4204 | 'owl.carousel/owl.carousel.min' | |||
| 4205 | ], function ($) { | 4205 | ], function ($) { | |||
| 4206 | $("#featured-products .owl-carousel").owlCarousel({ | 4206 | $("#featured-products .owl-carousel").owlCarousel({ | |||
| 4207 | autoplay: false, | 4207 | autoplay: false, | |||
| 4208 | autoplayTimeout: 5000, | 4208 | autoplayTimeout: 5000, | |||
| 4209 | autoplayHoverPause: true, | 4209 | autoplayHoverPause: true, | |||
| 4210 | loop: true, | 4210 | loop: true, | |||
| 4211 | navRewind: true, | 4211 | navRewind: true, | |||
| 4212 | lazyLoad:true, | 4212 | lazyLoad:true, | |||
| 4213 | margin: 0, | 4213 | margin: 0, | |||
| 4214 | nav: false, | 4214 | nav: false, | |||
| 4215 | dots: true, | 4215 | dots: true, | |||
| 4216 | responsive: { | 4216 | responsive: { | |||
| 4217 | 0: { | 4217 | 0: { | |||
| 4218 | items:2 | 4218 | items:2 | |||
| 4219 | }, | 4219 | }, | |||
| 4220 | 640: { | 4220 | 640: { | |||
| 4221 | items:3 | 4221 | items:3 | |||
| 4222 | }, | 4222 | }, | |||
| 4223 | 768: { | 4223 | 768: { | |||
| 4224 | items:3 | 4224 | items:3 | |||
| 4225 | }, | 4225 | }, | |||
| 4226 | 992: { | 4226 | 992: { | |||
| 4227 | items:4 | 4227 | items:4 | |||
| 4228 | }, | 4228 | }, | |||
| 4229 | 1200: { | 4229 | 1200: { | |||
| 4230 | items:4 | 4230 | items:4 | |||
| 4231 | } | 4231 | } | |||
| 4232 | } | 4232 | } | |||
| 4233 | }); | 4233 | }); | |||
| 4234 | }); | 4234 | }); | |||
| 4235 | </script> | 4235 | </script> | |||
| 4236 | </div> | 4236 | </div> | |||
| 4237 | </div> | 4237 | </div> | |||
| 4238 | </div> | 4238 | </div> | |||
| 4239 | <div id="category-products" class="home-categories mb-3" style="padding-top: 52px;background-color: #65829d;"> | 4239 | <div id="category-products" class="home-categories mb-3" style="padding-top: 52px;background-color: #65829d;"> | |||
| 4240 | <div class="container d-flex"> | 4240 | <div class="container d-flex"> | |||
| 4241 | <div class="contaier-inner w-100"> | 4241 | <div class="contaier-inner w-100"> | |||
| 4242 | <style> | 4242 | <style> | |||
| 4243 | .heading239742087 .heading-tag:before, | 4243 | .heading239742087 .heading-tag:before, | |||
| 4244 | .heading239742087 .heading-tag:after { | 4244 | .heading239742087 .heading-tag:after { | |||
| 4245 | border-top-color: #7e98b1 !important; | 4245 | border-top-color: #7e98b1 !important; | |||
| 4246 | } | 4246 | } | |||
| 4247 | .home-categories ul li.product-category .thumb-info-wrapper:after { | 4247 | .home-categories ul li.product-category .thumb-info-wrapper:after { | |||
| 4248 | background-color: rgba(27, 27, 23, 0); | 4248 | background-color: rgba(27, 27, 23, 0); | |||
| 4249 | } | 4249 | } | |||
| 4250 | .home-categories ul li.product-category:hover .thumb-info-wrapper:after { | 4250 | .home-categories ul li.product-category:hover .thumb-info-wrapper:after { | |||
| 4251 | background-color: rgba(27, 27, 23, 0.15); | 4251 | background-color: rgba(27, 27, 23, 0.15); | |||
| 4252 | } | 4252 | } | |||
| 4253 | ul.products li.product-col { | 4253 | ul.products li.product-col { | |||
| 4254 | margin-bottom: 1.4286em; | 4254 | margin-bottom: 1.4286em; | |||
| 4255 | } | 4255 | } | |||
| 4256 | .home-categories .owl-carousel.nav-style-4 .owl-nav [class*="owl-"] { | 4256 | .home-categories .owl-carousel.nav-style-4 .owl-nav [class*="owl-"] { | |||
| 4257 | color: #fff; | 4257 | color: #fff; | |||
| 4258 | } | 4258 | } | |||
| 4259 | </style> | 4259 | </style> | |||
| 4260 | <div class="vc_custom_heading mb-4 pb-2 heading heading-border heading-middle-border heading-middle-border-center heading-border-xs heading239742087"> | 4260 | <div class="vc_custom_heading mb-4 pb-2 heading heading-border heading-middle-border heading-middle-border-center heading-border-xs heading239742087"> | |||
| 4261 | <h2 style="font-size: 1rem; line-height: 1; text-align: center; letter-spacing: -0.01em;" class="heading-tag heading-light text-uppercase"> | 4261 | <h2 style="font-size: 1rem; line-height: 1; text-align: center; letter-spacing: -0.01em;" class="heading-tag heading-light text-uppercase"> | |||
| 4262 | Browse Our Categories | 4262 | Browse Our Categories | |||
| 4263 | </h2> | 4263 | </h2> | |||
| 4264 | </div> | 4264 | </div> | |||
| 4265 | <div class="porto-products porto-owl-nav-lg wpb_content_element"> | 4265 | <div class="porto-products porto-owl-nav-lg wpb_content_element"> | |||
| 4266 | <div class="slider-wrapper"> | 4266 | <div class="slider-wrapper"> | |||
| 4267 | <ul class="products products-container products-slider owl-carousel category-pos-middle category-text-left category-color-dark nav-pos-outside nav-style-4 show-nav-hover"> | 4267 | <ul class="products products-container products-slider owl-carousel category-pos-middle category-text-left category-color-dark nav-pos-outside nav-style-4 show-nav-hover"> | |||
| 4268 | <li class="product-category product-col"> | 4268 | <li class="product-category product-col"> | |||
| 4269 | <a href="#"> | 4269 | <a href="#"> | |||
| 4270 | <span class="thumb-info align-center"> | 4270 | <span class="thumb-info align-center"> | |||
| 4271 | <span class="thumb-info-wrapper tf-none"> | 4271 | <span class="thumb-info-wrapper tf-none"> | |||
| 4272 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/07/shop7_cat1.jpg"}}" /> | 4272 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/07/shop7_cat1.jpg"}}" /> | |||
| 4273 | </span> | 4273 | </span> | |||
| 4274 | <span class="thumb-info-wrap"> | 4274 | <span class="thumb-info-wrap"> | |||
| 4275 | <span class="thumb-info-title"> | 4275 | <span class="thumb-info-title"> | |||
| 4276 | <h3 class="sub-title thumb-info-inner">Dress</h3> | 4276 | <h3 class="sub-title thumb-info-inner">Dress</h3> | |||
| 4277 | <span class="thumb-info-type"> <mark class="count">2</mark> Products </span> | 4277 | <span class="thumb-info-type"> <mark class="count">2</mark> Products </span> | |||
| 4278 | </span> | 4278 | </span> | |||
| 4279 | </span> | 4279 | </span> | |||
| 4280 | </span> | 4280 | </span> | |||
| 4281 | </a> | 4281 | </a> | |||
| 4282 | </li> | 4282 | </li> | |||
| 4283 | <li class="product-category product-col"> | 4283 | <li class="product-category product-col"> | |||
| 4284 | <a href="#"> | 4284 | <a href="#"> | |||
| 4285 | <span class="thumb-info align-center"> | 4285 | <span class="thumb-info align-center"> | |||
| 4286 | <span class="thumb-info-wrapper tf-none"> | 4286 | <span class="thumb-info-wrapper tf-none"> | |||
| 4287 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/07/shop7_cat2.jpg"}}" /> | 4287 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/07/shop7_cat2.jpg"}}" /> | |||
| 4288 | </span> | 4288 | </span> | |||
| 4289 | <span class="thumb-info-wrap"> | 4289 | <span class="thumb-info-wrap"> | |||
| 4290 | <span class="thumb-info-title"> | 4290 | <span class="thumb-info-title"> | |||
| 4291 | <h3 class="sub-title thumb-info-inner">Toys</h3> | 4291 | <h3 class="sub-title thumb-info-inner">Toys</h3> | |||
| 4292 | <span class="thumb-info-type"> <mark class="count">5</mark> Products </span> | 4292 | <span class="thumb-info-type"> <mark class="count">5</mark> Products </span> | |||
| 4293 | </span> | 4293 | </span> | |||
| 4294 | </span> | 4294 | </span> | |||
| 4295 | </span> | 4295 | </span> | |||
| 4296 | </a> | 4296 | </a> | |||
| 4297 | </li> | 4297 | </li> | |||
| 4298 | <li class="product-category product-col"> | 4298 | <li class="product-category product-col"> | |||
| 4299 | <a href="#"> | 4299 | <a href="#"> | |||
| 4300 | <span class="thumb-info align-center"> | 4300 | <span class="thumb-info align-center"> | |||
| 4301 | <span class="thumb-info-wrapper tf-none"> | 4301 | <span class="thumb-info-wrapper tf-none"> | |||
| 4302 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/07/shop7_cat3.jpg"}}" /> | 4302 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/07/shop7_cat3.jpg"}}" /> | |||
| 4303 | </span> | 4303 | </span> | |||
| 4304 | <span class="thumb-info-wrap"> | 4304 | <span class="thumb-info-wrap"> | |||
| 4305 | <span class="thumb-info-title"> | 4305 | <span class="thumb-info-title"> | |||
| 4306 | <h3 class="sub-title thumb-info-inner">Shoes</h3> | 4306 | <h3 class="sub-title thumb-info-inner">Shoes</h3> | |||
| 4307 | <span class="thumb-info-type"> <mark class="count">2</mark> Products </span> | 4307 | <span class="thumb-info-type"> <mark class="count">2</mark> Products </span> | |||
| 4308 | </span> | 4308 | </span> | |||
| 4309 | </span> | 4309 | </span> | |||
| 4310 | </span> | 4310 | </span> | |||
| 4311 | </a> | 4311 | </a> | |||
| 4312 | </li> | 4312 | </li> | |||
| 4313 | <li class="product-category product-col"> | 4313 | <li class="product-category product-col"> | |||
| 4314 | <a href="#"> | 4314 | <a href="#"> | |||
| 4315 | <span class="thumb-info align-center"> | 4315 | <span class="thumb-info align-center"> | |||
| 4316 | <span class="thumb-info-wrapper tf-none"> | 4316 | <span class="thumb-info-wrapper tf-none"> | |||
| 4317 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/07/shop7_cat4.jpg"}}" /> | 4317 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/07/shop7_cat4.jpg"}}" /> | |||
| 4318 | </span> | 4318 | </span> | |||
| 4319 | <span class="thumb-info-wrap"> | 4319 | <span class="thumb-info-wrap"> | |||
| 4320 | <span class="thumb-info-title"> | 4320 | <span class="thumb-info-title"> | |||
| 4321 | <h3 class="sub-title thumb-info-inner">Watches</h3> | 4321 | <h3 class="sub-title thumb-info-inner">Watches</h3> | |||
| 4322 | <span class="thumb-info-type"> <mark class="count">3</mark> Products </span> | 4322 | <span class="thumb-info-type"> <mark class="count">3</mark> Products </span> | |||
| 4323 | </span> | 4323 | </span> | |||
| 4324 | </span> | 4324 | </span> | |||
| 4325 | </span> | 4325 | </span> | |||
| 4326 | </a> | 4326 | </a> | |||
| 4327 | </li> | 4327 | </li> | |||
| 4328 | </ul> | 4328 | </ul> | |||
| 4329 | <script type="text/javascript"> | 4329 | <script type="text/javascript"> | |||
| 4330 | require([ | 4330 | require([ | |||
| 4331 | 'jquery', | 4331 | 'jquery', | |||
| 4332 | 'owl.carousel/owl.carousel.min' | 4332 | 'owl.carousel/owl.carousel.min' | |||
| 4333 | ], function ($) { | 4333 | ], function ($) { | |||
| 4334 | $("#category-products .owl-carousel").owlCarousel({ | 4334 | $("#category-products .owl-carousel").owlCarousel({ | |||
| 4335 | autoplay: false, | 4335 | autoplay: false, | |||
| 4336 | autoplayTimeout: 5000, | 4336 | autoplayTimeout: 5000, | |||
| 4337 | autoplayHoverPause: true, | 4337 | autoplayHoverPause: true, | |||
| 4338 | loop: false, | 4338 | loop: false, | |||
| 4339 | navRewind: true, | 4339 | navRewind: true, | |||
| 4340 | lazyLoad:true, | 4340 | lazyLoad:true, | |||
| 4341 | margin: 0, | 4341 | margin: 0, | |||
| 4342 | nav: true, | 4342 | nav: true, | |||
| 4343 | dots: false, | 4343 | dots: false, | |||
| 4344 | responsive: { | 4344 | responsive: { | |||
| 4345 | 0: { | 4345 | 0: { | |||
| 4346 | items:2 | 4346 | items:2 | |||
| 4347 | }, | 4347 | }, | |||
| 4348 | 640: { | 4348 | 640: { | |||
| 4349 | items:3 | 4349 | items:3 | |||
| 4350 | }, | 4350 | }, | |||
| 4351 | 768: { | 4351 | 768: { | |||
| 4352 | items:3 | 4352 | items:3 | |||
| 4353 | }, | 4353 | }, | |||
| 4354 | 992: { | 4354 | 992: { | |||
| 4355 | items:4 | 4355 | items:4 | |||
| 4356 | }, | 4356 | }, | |||
| 4357 | 1200: { | 4357 | 1200: { | |||
| 4358 | items:4 | 4358 | items:4 | |||
| 4359 | } | 4359 | } | |||
| 4360 | } | 4360 | } | |||
| 4361 | }); | 4361 | }); | |||
| 4362 | }); | 4362 | }); | |||
| 4363 | </script> | 4363 | </script> | |||
| 4364 | </div> | 4364 | </div> | |||
| 4365 | </div> | 4365 | </div> | |||
| 4366 | </div> | 4366 | </div> | |||
| 4367 | </div> | 4367 | </div> | |||
| 4368 | </div> | 4368 | </div> | |||
| 4369 | <div class="container"> | 4369 | <div class="container"> | |||
| 4370 | <div id="featured-products" class="porto-products wpb_content_element title-border-bottom porto-just-arrived-products mb-3" style="padding-top: 35px;"> | 4370 | <div id="featured-products" class="porto-products wpb_content_element title-border-bottom porto-just-arrived-products mb-3" style="padding-top: 35px;"> | |||
| 4371 | <h2 class="section-title slider-title mb-3" style="line-height:1;"><span class="inline-title">Just Arrived</span><span class="line"></span></h2> | 4371 | <h2 class="section-title slider-title mb-3" style="line-height:1;"><span class="inline-title">Just Arrived</span><span class="line"></span></h2> | |||
| 4372 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_count="10" product_type="4" column_count="5" aspect_ratio="0" image_width="350" image_height="350" template="grid.phtml"}} | 4372 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_count="10" product_type="4" column_count="5" aspect_ratio="0" image_width="350" image_height="350" template="grid.phtml"}} | |||
| 4373 | </div> | 4373 | </div> | |||
| 4374 | <div class="porto-separator mb-5"><hr class="separator-line align_center solid"></div> | 4374 | <div class="porto-separator mb-5"><hr class="separator-line align_center solid"></div> | |||
| 4375 | <div class="row"> | 4375 | <div class="row"> | |||
| 4376 | <style> | 4376 | <style> | |||
| 4377 | .product-item-info.type12 { | 4377 | .product-item-info.type12 { | |||
| 4378 | padding: 0; | 4378 | padding: 0; | |||
| 4379 | border: none; | 4379 | border: none; | |||
| 4380 | } | 4380 | } | |||
| 4381 | </style> | 4381 | </style> | |||
| 4382 | <div class="col-sm-6 col-md-4"> | 4382 | <div class="col-sm-6 col-md-4"> | |||
| 4383 | <div class="wpb_wrapper vc_column-inner"> | 4383 | <div class="wpb_wrapper vc_column-inner"> | |||
| 4384 | <div class="porto-products wpb_content_element"> | 4384 | <div class="porto-products wpb_content_element"> | |||
| 4385 | <h2 class="section-title"><span class="inline-title">Best Selling Products</span><span class="line"></span></h2> | 4385 | <h2 class="section-title"><span class="inline-title">Best Selling Products</span><span class="line"></span></h2> | |||
| 4386 | {{block class="Smartwave\Filterproducts\Block\Home\BestsellersList" name="featured_product" product_count="3" product_type="12" column_count="1" aspect_ratio="0" image_width="250" image_height="250" template="grid.phtml"}} | 4386 | {{block class="Smartwave\Filterproducts\Block\Home\BestsellersList" name="featured_product" product_count="3" product_type="12" column_count="1" aspect_ratio="0" image_width="250" image_height="250" template="grid.phtml"}} | |||
| 4387 | </div> | 4387 | </div> | |||
| 4388 | </div> | 4388 | </div> | |||
| 4389 | </div> | 4389 | </div> | |||
| 4390 | <div class="col-sm-6 col-md-4"> | 4390 | <div class="col-sm-6 col-md-4"> | |||
| 4391 | <div class="wpb_wrapper vc_column-inner"> | 4391 | <div class="wpb_wrapper vc_column-inner"> | |||
| 4392 | <div class="porto-products wpb_content_element"> | 4392 | <div class="porto-products wpb_content_element"> | |||
| 4393 | <h2 class="section-title"><span class="inline-title">Top Rated Products</span><span class="line"></span></h2> | 4393 | <h2 class="section-title"><span class="inline-title">Top Rated Products</span><span class="line"></span></h2> | |||
| 4394 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_count="3" product_type="12" column_count="1" aspect_ratio="0" image_width="250" image_height="250" template="grid.phtml"}} | 4394 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_count="3" product_type="12" column_count="1" aspect_ratio="0" image_width="250" image_height="250" template="grid.phtml"}} | |||
| 4395 | </div> | 4395 | </div> | |||
| 4396 | </div> | 4396 | </div> | |||
| 4397 | </div> | 4397 | </div> | |||
| 4398 | <div class="col-sm-6 col-md-4"> | 4398 | <div class="col-sm-6 col-md-4"> | |||
| 4399 | <div class="wpb_wrapper vc_column-inner"> | 4399 | <div class="wpb_wrapper vc_column-inner"> | |||
| 4400 | <div class="porto-products wpb_content_element"> | 4400 | <div class="porto-products wpb_content_element"> | |||
| 4401 | <h2 class="section-title"><span class="inline-title">Featured Products</span><span class="line"></span></h2> | 4401 | <h2 class="section-title"><span class="inline-title">Featured Products</span><span class="line"></span></h2> | |||
| 4402 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="3" product_type="12" column_count="1" aspect_ratio="0" image_width="250" image_height="250" template="grid.phtml"}} | 4402 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="3" product_type="12" column_count="1" aspect_ratio="0" image_width="250" image_height="250" template="grid.phtml"}} | |||
| 4403 | </div> | 4403 | </div> | |||
| 4404 | </div> | 4404 | </div> | |||
| 4405 | </div> | 4405 | </div> | |||
| 4406 | </div> | 4406 | </div> | |||
| 4407 | <div class="porto-separator m-b-xl"><hr class="separator-line align_center solid"></div> | 4407 | <div class="porto-separator m-b-xl"><hr class="separator-line align_center solid"></div> | |||
| 4408 | <div class="porto-carousel brand-carousel owl-carousel m-b-xl"> | 4408 | <div class="porto-carousel brand-carousel owl-carousel m-b-xl"> | |||
| 4409 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand1.png"}}" alt="" /></div> | 4409 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand1.png"}}" alt="" /></div> | |||
| 4410 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand2.png"}}" alt="" /></div> | 4410 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand2.png"}}" alt="" /></div> | |||
| 4411 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand3.png"}}" alt="" /></div> | 4411 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand3.png"}}" alt="" /></div> | |||
| 4412 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand4.png"}}" alt="" /></div> | 4412 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand4.png"}}" alt="" /></div> | |||
| 4413 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand5.png"}}" alt="" /></div> | 4413 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand5.png"}}" alt="" /></div> | |||
| 4414 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand6.png"}}" alt="" /></div> | 4414 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand6.png"}}" alt="" /></div> | |||
| 4415 | </div> | 4415 | </div> | |||
| 4416 | <script type="text/javascript"> | 4416 | <script type="text/javascript"> | |||
| 4417 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | 4417 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | |||
| 4418 | $(".brand-carousel.owl-carousel").owlCarousel({ | 4418 | $(".brand-carousel.owl-carousel").owlCarousel({ | |||
| 4419 | autoplay: false, | 4419 | autoplay: false, | |||
| 4420 | autoplayTimeout: 5000, | 4420 | autoplayTimeout: 5000, | |||
| 4421 | autoplayHoverPause: true, | 4421 | autoplayHoverPause: true, | |||
| 4422 | nav: false, | 4422 | nav: false, | |||
| 4423 | dots: false, | 4423 | dots: false, | |||
| 4424 | loop: false, | 4424 | loop: false, | |||
| 4425 | responsive: { | 4425 | responsive: { | |||
| 4426 | 0: { | 4426 | 0: { | |||
| 4427 | items: 2, | 4427 | items: 2, | |||
| 4428 | }, | 4428 | }, | |||
| 4429 | 640: { | 4429 | 640: { | |||
| 4430 | items: 3, | 4430 | items: 3, | |||
| 4431 | }, | 4431 | }, | |||
| 4432 | 768: { | 4432 | 768: { | |||
| 4433 | items: 4, | 4433 | items: 4, | |||
| 4434 | }, | 4434 | }, | |||
| 4435 | 992: { | 4435 | 992: { | |||
| 4436 | items: 5, | 4436 | items: 5, | |||
| 4437 | }, | 4437 | }, | |||
| 4438 | 1200: { | 4438 | 1200: { | |||
| 4439 | items: 6, | 4439 | items: 6, | |||
| 4440 | }, | 4440 | }, | |||
| 4441 | }, | 4441 | }, | |||
| 4442 | }); | 4442 | }); | |||
| 4443 | }); | 4443 | }); | |||
| 4444 | </script> | 4444 | </script> | |||
| 4445 | <div class="porto-separator mb-5"><hr class="separator-line align_center solid"></div> | 4445 | <div class="porto-separator mb-5"><hr class="separator-line align_center solid"></div> | |||
| 4446 | <div class="row m-b-n-lg"> | 4446 | <div class="row m-b-n-lg"> | |||
| 4447 | <div class="col-md-6"> | 4447 | <div class="col-md-6"> | |||
| 4448 | <div class="porto-recent-posts" style="margin-bottom: 30px;"> | 4448 | <div class="porto-recent-posts" style="margin-bottom: 30px;"> | |||
| 4449 | <h3 style="font-size: 1rem; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading mb-3 align-left text-uppercase">Latest News</h3> | 4449 | <h3 style="font-size: 1rem; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading mb-3 align-left text-uppercase">Latest News</h3> | |||
| 4450 | {{widget type="Magefan\Blog\Block\Widget\Recent" number_of_posts="1" custom_template="recent_home.phtml"}} | 4450 | {{widget type="Magefan\Blog\Block\Widget\Recent" number_of_posts="1" custom_template="recent_home.phtml"}} | |||
| 4451 | <style> | 4451 | <style> | |||
| 4452 | .porto-recent-posts h4 { | 4452 | .porto-recent-posts h4 { | |||
| 4453 | font-family: inherit; | 4453 | font-family: inherit; | |||
| 4454 | font-size: 1.125rem; | 4454 | font-size: 1.125rem; | |||
| 4455 | margin-bottom: .75rem; | 4455 | margin-bottom: .75rem; | |||
| 4456 | font-weight: 700; | 4456 | font-weight: 700; | |||
| 4457 | } | 4457 | } | |||
| 4458 | .testimonial.testimonial-style-4 { | 4458 | .testimonial.testimonial-style-4 { | |||
| 4459 | border: 3px solid #65829d; | 4459 | border: 3px solid #65829d; | |||
| 4460 | } | 4460 | } | |||
| 4461 | .testimonial.testimonial-style-4 .testimonial-author { | 4461 | .testimonial.testimonial-style-4 .testimonial-author { | |||
| 4462 | margin: 1rem; | 4462 | margin: 1rem; | |||
| 4463 | } | 4463 | } | |||
| 4464 | .testimonial.testimonial-style-4 blockquote { | 4464 | .testimonial.testimonial-style-4 blockquote { | |||
| 4465 | margin-left: 82px; | 4465 | margin-left: 82px; | |||
| 4466 | padding: .25rem 1.5rem 2rem 2rem; | 4466 | padding: .25rem 1.5rem 2rem 2rem; | |||
| 4467 | } | 4467 | } | |||
| 4468 | .testimonial.testimonial-style-4 blockquote:before { | 4468 | .testimonial.testimonial-style-4 blockquote:before { | |||
| 4469 | font-family: Playfair Display,Georgia,serif; | 4469 | font-family: Playfair Display,Georgia,serif; | |||
| 4470 | font-size: 3.375rem; | 4470 | font-size: 3.375rem; | |||
| 4471 | color: #222529; | 4471 | color: #222529; | |||
| 4472 | left: -1px; | 4472 | left: -1px; | |||
| 4473 | top: -.5rem; | 4473 | top: -.5rem; | |||
| 4474 | font-weight: 900; | 4474 | font-weight: 900; | |||
| 4475 | } | 4475 | } | |||
| 4476 | .testimonial.testimonial-style-4 .testimonial-author img { | 4476 | .testimonial.testimonial-style-4 .testimonial-author img { | |||
| 4477 | max-width: 60px; | 4477 | max-width: 60px; | |||
| 4478 | display: block; | 4478 | display: block; | |||
| 4479 | } | 4479 | } | |||
| 4480 | .testimonial.testimonial-style-4 blockquote p { | 4480 | .testimonial.testimonial-style-4 blockquote p { | |||
| 4481 | font-size: .8125rem; | 4481 | font-size: .8125rem; | |||
| 4482 | letter-spacing: .01em; | 4482 | letter-spacing: .01em; | |||
| 4483 | line-height: 1.86; | 4483 | line-height: 1.86; | |||
| 4484 | } | 4484 | } | |||
| 4485 | @media (min-width: 576px) { | 4485 | @media (min-width: 576px) { | |||
| 4486 | .porto-recent-posts .post-item > a { | 4486 | .porto-recent-posts .post-item > a { | |||
| 4487 | float: left; | 4487 | float: left; | |||
| 4488 | width: 46%; | 4488 | width: 46%; | |||
| 4489 | margin-right: 3%; | 4489 | margin-right: 3%; | |||
| 4490 | } | 4490 | } | |||
| 4491 | .porto-recent-posts .post-item h4 { | 4491 | .porto-recent-posts .post-item h4 { | |||
| 4492 | padding-top: 2rem; | 4492 | padding-top: 2rem; | |||
| 4493 | } | 4493 | } | |||
| 4494 | } | 4494 | } | |||
| 4495 | @media(max-width: 767px){ | 4495 | @media(max-width: 767px){ | |||
| 4496 | .porto-recent-posts .post-item img {width:100%;} | 4496 | .porto-recent-posts .post-item img {width:100%;} | |||
| 4497 | } | 4497 | } | |||
| 4498 | </style> | 4498 | </style> | |||
| 4499 | </div> | 4499 | </div> | |||
| 4500 | </div> | 4500 | </div> | |||
| 4501 | <div class="col-md-6"> | 4501 | <div class="col-md-6"> | |||
| 4502 | <div class="wpb_wrapper vc_column-inner"> | 4502 | <div class="wpb_wrapper vc_column-inner"> | |||
| 4503 | <h3 style="font-size: 1rem; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading mb-4 align-left text-uppercase">latest reviews</h3> | 4503 | <h3 style="font-size: 1rem; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading mb-4 align-left text-uppercase">latest reviews</h3> | |||
| 4504 | <div class="porto-testimonial wpb_content_element"> | 4504 | <div class="porto-testimonial wpb_content_element"> | |||
| 4505 | <div class="testimonial testimonial-style-4"> | 4505 | <div class="testimonial testimonial-style-4"> | |||
| 4506 | <div class="testimonial-author clearfix"> | 4506 | <div class="testimonial-author clearfix"> | |||
| 4507 | <div class="testimonial-author-thumbnail"> | 4507 | <div class="testimonial-author-thumbnail"> | |||
| 4508 | <img class="img-responsive img-circle" src="{{media url="wysiwyg/smartwave/porto/homepage/07/client-1-12.png"}}" alt="John Smith" /> | 4508 | <img class="img-responsive img-circle" src="{{media url="wysiwyg/smartwave/porto/homepage/07/client-1-12.png"}}" alt="John Smith" /> | |||
| 4509 | </div> | 4509 | </div> | |||
| 4510 | <p><strong>John Smith</strong><span>CEO & Founder</span></p> | 4510 | <p><strong>John Smith</strong><span>CEO & Founder</span></p> | |||
| 4511 | </div> | 4511 | </div> | |||
| 4512 | <div class="testimonial-arrow-down"></div> | 4512 | <div class="testimonial-arrow-down"></div> | |||
| 4513 | <blockquote><p>Hello, I want to thank you for creating a great template and for the excellent and quick support and help that you have been providing to me as I begin to work with it.</p></blockquote> | 4513 | <blockquote><p>Hello, I want to thank you for creating a great template and for the excellent and quick support and help that you have been providing to me as I begin to work with it.</p></blockquote> | |||
| 4514 | </div> | 4514 | </div> | |||
| 4515 | </div> | 4515 | </div> | |||
| 4516 | </div> | 4516 | </div> | |||
| 4517 | </div> | 4517 | </div> | |||
| 4518 | </div> | 4518 | </div> | |||
| 4519 | </div>]]> | 4519 | </div>]]> | |||
| 4520 | </content> | 4520 | </content> | |||
| 4521 | 4521 | |||||
| 4522 | <is_active> | 4522 | <is_active> | |||
| 4523 | 1 | 4523 | 1 | |||
| 4524 | </is_active> | 4524 | </is_active> | |||
| 4525 | 4525 | |||||
| 4526 | <page_layout> | 4526 | <page_layout> | |||
| 4527 | 1column | 4527 | 1column | |||
| 4528 | </page_layout> | 4528 | </page_layout> | |||
| 4529 | 4529 | |||||
| 4530 | <layout_update_xml> | 4530 | <layout_update_xml> | |||
| 4531 | <![CDATA[]]> | 4531 | <![CDATA[]]> | |||
| 4532 | </layout_update_xml> | 4532 | </layout_update_xml> | |||
| 4533 | 4533 | |||||
| 4534 | </cms_item> | 4534 | </cms_item> | |||
| 4535 | 4535 | |||||
| 4536 | <cms_item> | 4536 | <cms_item> | |||
| 4537 | 4537 | |||||
| 4538 | <title> | 4538 | <title> | |||
| 4539 | Porto - Homepage 8 | 4539 | Porto - Homepage 8 | |||
| 4540 | </title> | 4540 | </title> | |||
| 4541 | 4541 | |||||
| 4542 | <identifier> | 4542 | <identifier> | |||
| 4543 | porto_home_8 | 4543 | porto_home_8 | |||
| 4544 | </identifier> | 4544 | </identifier> | |||
| 4545 | 4545 | |||||
| 4546 | <content> | 4546 | <content> | |||
| 4547 | <![CDATA[<div class="container"> | 4547 | <![CDATA[<div class="container"> | |||
| 4548 | <style> | 4548 | <style> | |||
| 4549 | .columns .column.main { | 4549 | .columns .column.main { | |||
| 4550 | padding-bottom: 10px; | 4550 | padding-bottom: 10px; | |||
| 4551 | } | 4551 | } | |||
| 4552 | .porto-ibanner-layer { | 4552 | .porto-ibanner-layer { | |||
| 4553 | position: absolute; | 4553 | position: absolute; | |||
| 4554 | z-index: 10; | 4554 | z-index: 10; | |||
| 4555 | text-align: left; | 4555 | text-align: left; | |||
| 4556 | } | 4556 | } | |||
| 4557 | .ls-160 { | 4557 | .ls-160 { | |||
| 4558 | letter-spacing: .16em; | 4558 | letter-spacing: .16em; | |||
| 4559 | } | 4559 | } | |||
| 4560 | .ls-25 { | 4560 | .ls-25 { | |||
| 4561 | letter-spacing: .025em; | 4561 | letter-spacing: .025em; | |||
| 4562 | } | 4562 | } | |||
| 4563 | .ls-220 { | 4563 | .ls-220 { | |||
| 4564 | letter-spacing: .22em; | 4564 | letter-spacing: .22em; | |||
| 4565 | } | 4565 | } | |||
| 4566 | .big-number { | 4566 | .big-number { | |||
| 4567 | top: .0125em; | 4567 | top: .0125em; | |||
| 4568 | letter-spacing: -.025em; | 4568 | letter-spacing: -.025em; | |||
| 4569 | } | 4569 | } | |||
| 4570 | .big-number small { | 4570 | .big-number small { | |||
| 4571 | font-size: .1413em!important; | 4571 | font-size: .1413em!important; | |||
| 4572 | font-weight: inherit; | 4572 | font-weight: inherit; | |||
| 4573 | letter-spacing: 0; | 4573 | letter-spacing: 0; | |||
| 4574 | line-height: 1; | 4574 | line-height: 1; | |||
| 4575 | position: absolute; | 4575 | position: absolute; | |||
| 4576 | top: 50%; | 4576 | top: 50%; | |||
| 4577 | right: 1.62em; | 4577 | right: 1.62em; | |||
| 4578 | text-align: center; | 4578 | text-align: center; | |||
| 4579 | transform: translateY(-54%); | 4579 | transform: translateY(-54%); | |||
| 4580 | } | 4580 | } | |||
| 4581 | .big-number ins { | 4581 | .big-number ins { | |||
| 4582 | display: block; | 4582 | display: block; | |||
| 4583 | text-decoration: none; | 4583 | text-decoration: none; | |||
| 4584 | font-size: 50%; | 4584 | font-size: 50%; | |||
| 4585 | text-transform: uppercase; | 4585 | text-transform: uppercase; | |||
| 4586 | } | 4586 | } | |||
| 4587 | .overflow-hidden {overflow: hidden;} | 4587 | .overflow-hidden {overflow: hidden;} | |||
| 4588 | .position-relative {position: relative;} | 4588 | .position-relative {position: relative;} | |||
| 4589 | @media (max-width: 480px) { | 4589 | @media (max-width: 480px) { | |||
| 4590 | .home-banner .porto-ibanner-layer { | 4590 | .home-banner .porto-ibanner-layer { | |||
| 4591 | font-size: 7px; | 4591 | font-size: 7px; | |||
| 4592 | } | 4592 | } | |||
| 4593 | } | 4593 | } | |||
| 4594 | </style> | 4594 | </style> | |||
| 4595 | <div id="home-banner-demo8" class="porto-carousel owl-carousel home-banner porto-standable-carousel nav-pos-outside nav-style-4 show-nav-hover"> | 4595 | <div id="home-banner-demo8" class="porto-carousel owl-carousel home-banner porto-standable-carousel nav-pos-outside nav-style-4 show-nav-hover"> | |||
| 4596 | <div class="porto-ibanner mb-0" style="min-height: 300px;"> | 4596 | <div class="porto-ibanner mb-0" style="min-height: 300px;"> | |||
| 4597 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/08/shop8_home_slide1.jpg"}}" /> | 4597 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/08/shop8_home_slide1.jpg"}}" /> | |||
| 4598 | <div class="porto-ibanner-desc no-padding d-flex"> | 4598 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 4599 | <div class="porto-ibanner-layer" style="right: 0%; bottom: 0%;margin-right: 1.25rem;margin-bottom: 1.25rem;"> | 4599 | <div class="porto-ibanner-layer" style="right: 0%; bottom: 0%;margin-right: 1.25rem;margin-bottom: 1.25rem;"> | |||
| 4600 | <div class="row background-color-primary no-padding overflow-hidden" style="margin-bottom: 1.5rem;"> | 4600 | <div class="row background-color-primary no-padding overflow-hidden" style="margin-bottom: 1.5rem;"> | |||
| 4601 | <div class="col-auto mr-3 pl-3 pl-sm-4 ml-lg-2 col-md-6 d-flex align-items-center"> | 4601 | <div class="col-auto mr-3 pl-3 pl-sm-4 ml-lg-2 col-md-6 d-flex align-items-center"> | |||
| 4602 | <div class="wpb_wrapper vc_column-inner"> | 4602 | <div class="wpb_wrapper vc_column-inner"> | |||
| 4603 | <h4 style="font-size: 1.125em; color: rgba(255, 255, 255, 0.5); line-height: 1; font-weight: 300;" class="vc_custom_heading mb-0 ls-160 align-left text-uppercase">Furniture & Garden</h4> | 4603 | <h4 style="font-size: 1.125em; color: rgba(255, 255, 255, 0.5); line-height: 1; font-weight: 300;" class="vc_custom_heading mb-0 ls-160 align-left text-uppercase">Furniture & Garden</h4> | |||
| 4604 | <h3 style="font-size: 2.6875em; line-height: 1;" class="vc_custom_heading ls-25 mb-0 align-left text-uppercase heading-light">Huge Sale</h3> | 4604 | <h3 style="font-size: 2.6875em; line-height: 1;" class="vc_custom_heading ls-25 mb-0 align-left text-uppercase heading-light">Huge Sale</h3> | |||
| 4605 | </div> | 4605 | </div> | |||
| 4606 | </div> | 4606 | </div> | |||
| 4607 | <div class="col-auto pr-3 pr-sm-4 mr-lg-2 col-md-6"> | 4607 | <div class="col-auto pr-3 pr-sm-4 mr-lg-2 col-md-6"> | |||
| 4608 | <div class="wpb_wrapper vc_column-inner"> | 4608 | <div class="wpb_wrapper vc_column-inner"> | |||
| 4609 | <h3 style="font-size: 11.5em; line-height: 0.7;" class="vc_custom_heading mb-0 position-relative big-number align-left heading-light"> | 4609 | <h3 style="font-size: 11.5em; line-height: 0.7;" class="vc_custom_heading mb-0 position-relative big-number align-left heading-light"> | |||
| 4610 | 50<small>%<ins>OFF</ins></small> | 4610 | 50<small>%<ins>OFF</ins></small> | |||
| 4611 | </h3> | 4611 | </h3> | |||
| 4612 | </div> | 4612 | </div> | |||
| 4613 | </div> | 4613 | </div> | |||
| 4614 | </div> | 4614 | </div> | |||
| 4615 | <div class="btn-container mb-0 text-right"><button class="btn btn-modern btn-lg btn-dark">Shop Now!</button></div> | 4615 | <div class="btn-container mb-0 text-right"><button class="btn btn-modern btn-lg btn-dark">Shop Now!</button></div> | |||
| 4616 | </div> | 4616 | </div> | |||
| 4617 | </div> | 4617 | </div> | |||
| 4618 | </div> | 4618 | </div> | |||
| 4619 | <div class="porto-ibanner mb-0" style="min-height: 300px;"> | 4619 | <div class="porto-ibanner mb-0" style="min-height: 300px;"> | |||
| 4620 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/08/shop8_home_slide2.jpg"}}" /> | 4620 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/08/shop8_home_slide2.jpg"}}" /> | |||
| 4621 | <div class="porto-ibanner-desc no-padding d-flex"> | 4621 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 4622 | <div class="porto-ibanner-layer" style="left: 0%; bottom: 0%;margin-left: 1.25rem;margin-bottom: 1.25rem;"> | 4622 | <div class="porto-ibanner-layer" style="left: 0%; bottom: 0%;margin-left: 1.25rem;margin-bottom: 1.25rem;"> | |||
| 4623 | <div class="row background-color-dark no-padding overflow-hidden" style="margin-bottom: 1.5rem;"> | 4623 | <div class="row background-color-dark no-padding overflow-hidden" style="margin-bottom: 1.5rem;"> | |||
| 4624 | <div class="col-auto mr-3 pl-3 pl-sm-4 ml-lg-2 col-md-6 d-flex align-items-center"> | 4624 | <div class="col-auto mr-3 pl-3 pl-sm-4 ml-lg-2 col-md-6 d-flex align-items-center"> | |||
| 4625 | <div class="wpb_wrapper vc_column-inner"> | 4625 | <div class="wpb_wrapper vc_column-inner"> | |||
| 4626 | <h4 style="font-size: 1.125em; color: rgba(255, 255, 255, 0.5); line-height: 1; font-weight: 300;" class="vc_custom_heading mb-0 ls-220 align-left text-uppercase">Home Office Sale</h4> | 4626 | <h4 style="font-size: 1.125em; color: rgba(255, 255, 255, 0.5); line-height: 1; font-weight: 300;" class="vc_custom_heading mb-0 ls-220 align-left text-uppercase">Home Office Sale</h4> | |||
| 4627 | <h3 style="font-size: 2.6875em; line-height: 1;" class="vc_custom_heading mb-0 align-left text-uppercase heading-light">mega off</h3> | 4627 | <h3 style="font-size: 2.6875em; line-height: 1;" class="vc_custom_heading mb-0 align-left text-uppercase heading-light">mega off</h3> | |||
| 4628 | </div> | 4628 | </div> | |||
| 4629 | </div> | 4629 | </div> | |||
| 4630 | <div class="col-auto pr-3 pr-sm-4 mr-lg-2 col-md-6"> | 4630 | <div class="col-auto pr-3 pr-sm-4 mr-lg-2 col-md-6"> | |||
| 4631 | <div class="wpb_wrapper vc_column-inner"> | 4631 | <div class="wpb_wrapper vc_column-inner"> | |||
| 4632 | <h3 style="font-size: 11.5em; line-height: 0.7;" class="vc_custom_heading mb-0 position-relative big-number align-left heading-light"> | 4632 | <h3 style="font-size: 11.5em; line-height: 0.7;" class="vc_custom_heading mb-0 position-relative big-number align-left heading-light"> | |||
| 4633 | 50<small>%<ins>OFF</ins></small> | 4633 | 50<small>%<ins>OFF</ins></small> | |||
| 4634 | </h3> | 4634 | </h3> | |||
| 4635 | </div> | 4635 | </div> | |||
| 4636 | </div> | 4636 | </div> | |||
| 4637 | </div> | 4637 | </div> | |||
| 4638 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-lg btn-primary">Shop Now!</button></div> | 4638 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-lg btn-primary">Shop Now!</button></div> | |||
| 4639 | </div> | 4639 | </div> | |||
| 4640 | </div> | 4640 | </div> | |||
| 4641 | </div> | 4641 | </div> | |||
| 4642 | </div> | 4642 | </div> | |||
| 4643 | <script type="text/javascript"> | 4643 | <script type="text/javascript"> | |||
| 4644 | require([ | 4644 | require([ | |||
| 4645 | 'jquery', | 4645 | 'jquery', | |||
| 4646 | 'owl.carousel/owl.carousel.min' | 4646 | 'owl.carousel/owl.carousel.min' | |||
| 4647 | ], function ($) { | 4647 | ], function ($) { | |||
| 4648 | var banner_owl = $("#home-banner-demo8.owl-carousel"); | 4648 | var banner_owl = $("#home-banner-demo8.owl-carousel"); | |||
| 4649 | banner_owl.owlCarousel({ | 4649 | banner_owl.owlCarousel({ | |||
| 4650 | items: 1, | 4650 | items: 1, | |||
| 4651 | autoplay: false, | 4651 | autoplay: false, | |||
| 4652 | autoplayTimeout: 5000, | 4652 | autoplayTimeout: 5000, | |||
| 4653 | autoplayHoverPause: true, | 4653 | autoplayHoverPause: true, | |||
| 4654 | dots: false, | 4654 | dots: false, | |||
| 4655 | nav: true, | 4655 | nav: true, | |||
| 4656 | navRewind: true, | 4656 | navRewind: true, | |||
| 4657 | animateIn: 'fadeIn', | 4657 | animateIn: 'fadeIn', | |||
| 4658 | animateOut: 'fadeOut', | 4658 | animateOut: 'fadeOut', | |||
| 4659 | loop: true, | 4659 | loop: true, | |||
| 4660 | lazyLoad: true | 4660 | lazyLoad: true | |||
| 4661 | }); | 4661 | }); | |||
| 4662 | }); | 4662 | }); | |||
| 4663 | </script> | 4663 | </script> | |||
| 4664 | <div class="row home-rooms mb-5" style="margin-top: 45px;"> | 4664 | <div class="row home-rooms mb-5" style="margin-top: 45px;"> | |||
| 4665 | <style> | 4665 | <style> | |||
| 4666 | .porto-u-heading { | 4666 | .porto-u-heading { | |||
| 4667 | text-align: center; | 4667 | text-align: center; | |||
| 4668 | margin-bottom: 17px; | 4668 | margin-bottom: 17px; | |||
| 4669 | } | 4669 | } | |||
| 4670 | .ls-100, .porto-u-main-heading h3 { | 4670 | .ls-100, .porto-u-main-heading h3 { | |||
| 4671 | letter-spacing: .1em; | 4671 | letter-spacing: .1em; | |||
| 4672 | } | 4672 | } | |||
| 4673 | .porto-u-heading-spacer { | 4673 | .porto-u-heading-spacer { | |||
| 4674 | margin: 0 auto; | 4674 | margin: 0 auto; | |||
| 4675 | padding: 0; | 4675 | padding: 0; | |||
| 4676 | position: relative; | 4676 | position: relative; | |||
| 4677 | overflow: hidden; | 4677 | overflow: hidden; | |||
| 4678 | } | 4678 | } | |||
| 4679 | .porto-u-headings-line { | 4679 | .porto-u-headings-line { | |||
| 4680 | display: block; | 4680 | display: block; | |||
| 4681 | width: 100%; | 4681 | width: 100%; | |||
| 4682 | max-width: 100%; | 4682 | max-width: 100%; | |||
| 4683 | margin-left: auto; | 4683 | margin-left: auto; | |||
| 4684 | margin-right: auto; | 4684 | margin-right: auto; | |||
| 4685 | } | 4685 | } | |||
| 4686 | .home-rooms .vc_single_image-wrapper { | 4686 | .home-rooms .vc_single_image-wrapper { | |||
| 4687 | display: block; | 4687 | display: block; | |||
| 4688 | } | 4688 | } | |||
| 4689 | .home-rooms .vc_single_image-wrapper img { | 4689 | .home-rooms .vc_single_image-wrapper img { | |||
| 4690 | width: 100%; | 4690 | width: 100%; | |||
| 4691 | height: auto; | 4691 | height: auto; | |||
| 4692 | } | 4692 | } | |||
| 4693 | .flex-1 { | 4693 | .flex-1 { | |||
| 4694 | flex: 1; | 4694 | flex: 1; | |||
| 4695 | } | 4695 | } | |||
| 4696 | </style> | 4696 | </style> | |||
| 4697 | <div class="col-md-4"> | 4697 | <div class="col-md-4"> | |||
| 4698 | <div class="wpb_wrapper vc_column-inner"> | 4698 | <div class="wpb_wrapper vc_column-inner"> | |||
| 4699 | <div class="porto-u-heading" style="text-align: center;"> | 4699 | <div class="porto-u-heading" style="text-align: center;"> | |||
| 4700 | <div class="porto-u-main-heading"><h3 style="margin-bottom: 8px; font-size: 1rem; line-height: 1;">SHOP LIVING ROOM</h3></div> | 4700 | <div class="porto-u-main-heading"><h3 style="margin-bottom: 8px; font-size: 1rem; line-height: 1;">SHOP LIVING ROOM</h3></div> | |||
| 4701 | <div class="porto-u-heading-spacer line_only" style="height: 2px;"> | 4701 | <div class="porto-u-heading-spacer line_only" style="height: 2px;"> | |||
| 4702 | <span class="porto-u-headings-line" style="border-style: solid; border-bottom-width: 2px; border-color: rgb(225, 59, 63); width: 10px; margin: 0px auto;"></span> | 4702 | <span class="porto-u-headings-line" style="border-style: solid; border-bottom-width: 2px; border-color: rgb(225, 59, 63); width: 10px; margin: 0px auto;"></span> | |||
| 4703 | </div> | 4703 | </div> | |||
| 4704 | </div> | 4704 | </div> | |||
| 4705 | <div class="text-left mb-3"> | 4705 | <div class="text-left mb-3"> | |||
| 4706 | <div class="wpb_wrapper"> | 4706 | <div class="wpb_wrapper"> | |||
| 4707 | <a href="#" target="_self"> | 4707 | <a href="#" target="_self"> | |||
| 4708 | <div class="vc_single_image-wrapper vc_box_border_grey"> | 4708 | <div class="vc_single_image-wrapper vc_box_border_grey"> | |||
| 4709 | <img width="360" height="270" src="{{media url="wysiwyg/smartwave/porto/homepage/08/shop8_home_banner1.jpg"}}" /> | 4709 | <img width="360" height="270" src="{{media url="wysiwyg/smartwave/porto/homepage/08/shop8_home_banner1.jpg"}}" /> | |||
| 4710 | </div> | 4710 | </div> | |||
| 4711 | </a> | 4711 | </a> | |||
| 4712 | </div> | 4712 | </div> | |||
| 4713 | </div> | 4713 | </div> | |||
| 4714 | <h5 class="vc_custom_heading pull-right align-left heading-primary">$999</h5> | 4714 | <h5 class="vc_custom_heading pull-right align-left heading-primary">$999</h5> | |||
| 4715 | <h5 style="color: #858585; font-weight: 600;" class="vc_custom_heading pull-right mr-1 align-left">Starting at</h5> | 4715 | <h5 style="color: #858585; font-weight: 600;" class="vc_custom_heading pull-right mr-1 align-left">Starting at</h5> | |||
| 4716 | <h5 class="vc_custom_heading ls-100 pb-3 align-left text-uppercase" style="border-bottom: 1px solid #e7e7e7;">Living Room</h5> | 4716 | <h5 class="vc_custom_heading ls-100 pb-3 align-left text-uppercase" style="border-bottom: 1px solid #e7e7e7;">Living Room</h5> | |||
| 4717 | </div> | 4717 | </div> | |||
| 4718 | </div> | 4718 | </div> | |||
| 4719 | <div class="col-md-4"> | 4719 | <div class="col-md-4"> | |||
| 4720 | <div class="wpb_wrapper vc_column-inner"> | 4720 | <div class="wpb_wrapper vc_column-inner"> | |||
| 4721 | <div class="porto-u-heading" style="text-align: center;"> | 4721 | <div class="porto-u-heading" style="text-align: center;"> | |||
| 4722 | <div class="porto-u-main-heading"><h3 style="margin-bottom: 8px; font-size: 1rem; line-height: 1;">SHOP DINNING ROOM</h3></div> | 4722 | <div class="porto-u-main-heading"><h3 style="margin-bottom: 8px; font-size: 1rem; line-height: 1;">SHOP DINNING ROOM</h3></div> | |||
| 4723 | <div class="porto-u-heading-spacer line_only" style="height: 2px;"> | 4723 | <div class="porto-u-heading-spacer line_only" style="height: 2px;"> | |||
| 4724 | <span class="porto-u-headings-line" style="border-style: solid; border-bottom-width: 2px; border-color: rgb(225, 59, 63); width: 10px; margin: 0px auto;"></span> | 4724 | <span class="porto-u-headings-line" style="border-style: solid; border-bottom-width: 2px; border-color: rgb(225, 59, 63); width: 10px; margin: 0px auto;"></span> | |||
| 4725 | </div> | 4725 | </div> | |||
| 4726 | </div> | 4726 | </div> | |||
| 4727 | <div class="text-left mb-3"> | 4727 | <div class="text-left mb-3"> | |||
| 4728 | <div class="wpb_wrapper"> | 4728 | <div class="wpb_wrapper"> | |||
| 4729 | <a href="#" target="_self"> | 4729 | <a href="#" target="_self"> | |||
| 4730 | <div class="vc_single_image-wrapper vc_box_border_grey"> | 4730 | <div class="vc_single_image-wrapper vc_box_border_grey"> | |||
| 4731 | <img width="360" height="270" src="{{media url="wysiwyg/smartwave/porto/homepage/08/shop8_home_banner2.jpg"}}" /> | 4731 | <img width="360" height="270" src="{{media url="wysiwyg/smartwave/porto/homepage/08/shop8_home_banner2.jpg"}}" /> | |||
| 4732 | </div> | 4732 | </div> | |||
| 4733 | </a> | 4733 | </a> | |||
| 4734 | </div> | 4734 | </div> | |||
| 4735 | </div> | 4735 | </div> | |||
| 4736 | <h5 class="vc_custom_heading pull-right align-left heading-primary">$899</h5> | 4736 | <h5 class="vc_custom_heading pull-right align-left heading-primary">$899</h5> | |||
| 4737 | <h5 style="color: #858585; font-weight: 600;" class="vc_custom_heading pull-right mr-1 align-left">Starting at</h5> | 4737 | <h5 style="color: #858585; font-weight: 600;" class="vc_custom_heading pull-right mr-1 align-left">Starting at</h5> | |||
| 4738 | <h5 class="vc_custom_heading ls-100 pb-3 align-left text-uppercase" style="border-bottom: 1px solid #e7e7e7;">Dinning Room</h5> | 4738 | <h5 class="vc_custom_heading ls-100 pb-3 align-left text-uppercase" style="border-bottom: 1px solid #e7e7e7;">Dinning Room</h5> | |||
| 4739 | </div> | 4739 | </div> | |||
| 4740 | </div> | 4740 | </div> | |||
| 4741 | <div class="vc_column_container col-md-4"> | 4741 | <div class="vc_column_container col-md-4"> | |||
| 4742 | <div class="wpb_wrapper vc_column-inner"> | 4742 | <div class="wpb_wrapper vc_column-inner"> | |||
| 4743 | <div class="porto-u-heading" style="text-align: center;"> | 4743 | <div class="porto-u-heading" style="text-align: center;"> | |||
| 4744 | <div class="porto-u-main-heading"><h3 style="margin-bottom: 8px; font-size: 1rem; line-height: 1;">SHOP BEDROOM</h3></div> | 4744 | <div class="porto-u-main-heading"><h3 style="margin-bottom: 8px; font-size: 1rem; line-height: 1;">SHOP BEDROOM</h3></div> | |||
| 4745 | <div class="porto-u-heading-spacer line_only" style="height: 2px;"> | 4745 | <div class="porto-u-heading-spacer line_only" style="height: 2px;"> | |||
| 4746 | <span class="porto-u-headings-line" style="border-style: solid; border-bottom-width: 2px; border-color: rgb(225, 59, 63); width: 10px; margin: 0px auto;"></span> | 4746 | <span class="porto-u-headings-line" style="border-style: solid; border-bottom-width: 2px; border-color: rgb(225, 59, 63); width: 10px; margin: 0px auto;"></span> | |||
| 4747 | </div> | 4747 | </div> | |||
| 4748 | </div> | 4748 | </div> | |||
| 4749 | <div class="text-left mb-3"> | 4749 | <div class="text-left mb-3"> | |||
| 4750 | <div class="wpb_wrapper"> | 4750 | <div class="wpb_wrapper"> | |||
| 4751 | <a href="#" target="_self"> | 4751 | <a href="#" target="_self"> | |||
| 4752 | <div class="vc_single_image-wrapper vc_box_border_grey"> | 4752 | <div class="vc_single_image-wrapper vc_box_border_grey"> | |||
| 4753 | <img width="360" height="270" src="{{media url="wysiwyg/smartwave/porto/homepage/08/shop8_home_banner3.jpg"}}" /> | 4753 | <img width="360" height="270" src="{{media url="wysiwyg/smartwave/porto/homepage/08/shop8_home_banner3.jpg"}}" /> | |||
| 4754 | </div> | 4754 | </div> | |||
| 4755 | </a> | 4755 | </a> | |||
| 4756 | </div> | 4756 | </div> | |||
| 4757 | </div> | 4757 | </div> | |||
| 4758 | <h5 class="vc_custom_heading pull-right align-left heading-primary">$799</h5> | 4758 | <h5 class="vc_custom_heading pull-right align-left heading-primary">$799</h5> | |||
| 4759 | <h5 style="color: #858585; font-weight: 600;" class="vc_custom_heading pull-right mr-1 align-left">Starting at</h5> | 4759 | <h5 style="color: #858585; font-weight: 600;" class="vc_custom_heading pull-right mr-1 align-left">Starting at</h5> | |||
| 4760 | <h5 class="vc_custom_heading ls-100 pb-3 align-left text-uppercase" style="border-bottom: 1px solid #e7e7e7;">bedROOM</h5> | 4760 | <h5 class="vc_custom_heading ls-100 pb-3 align-left text-uppercase" style="border-bottom: 1px solid #e7e7e7;">bedROOM</h5> | |||
| 4761 | </div> | 4761 | </div> | |||
| 4762 | </div> | 4762 | </div> | |||
| 4763 | </div> | 4763 | </div> | |||
| 4764 | <div class="porto-u-heading" style="text-align: center;"> | 4764 | <div class="porto-u-heading" style="text-align: center;"> | |||
| 4765 | <div class="porto-u-main-heading"><h3 style="margin-bottom: 8px; font-size: 1rem; line-height: 1;">FEATURED PRODUCTS</h3></div> | 4765 | <div class="porto-u-main-heading"><h3 style="margin-bottom: 8px; font-size: 1rem; line-height: 1;">FEATURED PRODUCTS</h3></div> | |||
| 4766 | <div class="porto-u-heading-spacer line_only" style="height: 2px;"><span class="porto-u-headings-line" style="border-style: solid; border-bottom-width: 2px; border-color: rgb(225, 59, 63); width: 10px; margin: 0px auto;"></span></div> | 4766 | <div class="porto-u-heading-spacer line_only" style="height: 2px;"><span class="porto-u-headings-line" style="border-style: solid; border-bottom-width: 2px; border-color: rgb(225, 59, 63); width: 10px; margin: 0px auto;"></span></div> | |||
| 4767 | </div> | 4767 | </div> | |||
| 4768 | <div class="mb-4"> | 4768 | <div class="mb-4"> | |||
| 4769 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_type="3" product_count="8" column_count="4" aspect_ratio="0" image_width="250" image_height="250" template="grid.phtml"}} | 4769 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_type="3" product_count="8" column_count="4" aspect_ratio="0" image_width="250" image_height="250" template="grid.phtml"}} | |||
| 4770 | </div> | 4770 | </div> | |||
| 4771 | <div class="row background-color-dark overflow-hidden home-mid-banner no-padding"> | 4771 | <div class="row background-color-dark overflow-hidden home-mid-banner no-padding"> | |||
| 4772 | <div class="col-auto flex-1 pl-2 py-3 col-md-4 d-flex align-items-center justify-content-end"> | 4772 | <div class="col-auto flex-1 pl-2 py-3 col-md-4 d-flex align-items-center justify-content-end"> | |||
| 4773 | <div class="wpb_wrapper vc_column-inner d-flex flex-column justify-content-center"> | 4773 | <div class="wpb_wrapper vc_column-inner d-flex flex-column justify-content-center"> | |||
| 4774 | <h4 style="font-size: 1.3125em; color: rgba(255, 255, 255, 0.5); line-height: 1; font-weight: 300;" class="vc_custom_heading mb-0 ls-160 align-left text-uppercase">Furniture & Garden</h4> | 4774 | <h4 style="font-size: 1.3125em; color: rgba(255, 255, 255, 0.5); line-height: 1; font-weight: 300;" class="vc_custom_heading mb-0 ls-160 align-left text-uppercase">Furniture & Garden</h4> | |||
| 4775 | <h3 style="font-size: 3.125em; line-height: 1;" class="vc_custom_heading ls-25 mb-0 align-left text-uppercase heading-light">Huge Sale</h3> | 4775 | <h3 style="font-size: 3.125em; line-height: 1;" class="vc_custom_heading ls-25 mb-0 align-left text-uppercase heading-light">Huge Sale</h3> | |||
| 4776 | </div> | 4776 | </div> | |||
| 4777 | </div> | 4777 | </div> | |||
| 4778 | <div class="col-auto px-2 px-lg-4 col-md-4"> | 4778 | <div class="col-auto px-2 px-lg-4 col-md-4"> | |||
| 4779 | <div class="wpb_wrapper vc_column-inner"> | 4779 | <div class="wpb_wrapper vc_column-inner"> | |||
| 4780 | <h3 style="font-size: 13em; line-height: 0.7;" class="vc_custom_heading mb-0 position-relative big-number align-left heading-light"> | 4780 | <h3 style="font-size: 13em; line-height: 0.7;" class="vc_custom_heading mb-0 position-relative big-number align-left heading-light"> | |||
| 4781 | 50<small>%<ins>OFF</ins></small> | 4781 | 50<small>%<ins>OFF</ins></small> | |||
| 4782 | </h3> | 4782 | </h3> | |||
| 4783 | </div> | 4783 | </div> | |||
| 4784 | </div> | 4784 | </div> | |||
| 4785 | <div class="col-auto flex-1 py-3 pl-lg-3 col-md-4 d-flex align-items-center"> | 4785 | <div class="col-auto flex-1 py-3 pl-lg-3 col-md-4 d-flex align-items-center"> | |||
| 4786 | <div class="wpb_wrapper vc_column-inner"> | 4786 | <div class="wpb_wrapper vc_column-inner"> | |||
| 4787 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-lg btn-primary">Shop Now!</button></div> | 4787 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-lg btn-primary">Shop Now!</button></div> | |||
| 4788 | </div> | 4788 | </div> | |||
| 4789 | </div> | 4789 | </div> | |||
| 4790 | <style> | 4790 | <style> | |||
| 4791 | .home-mid-banner { | 4791 | .home-mid-banner { | |||
| 4792 | font-size: 1rem; | 4792 | font-size: 1rem; | |||
| 4793 | } | 4793 | } | |||
| 4794 | @media (max-width: 991px) { | 4794 | @media (max-width: 991px) { | |||
| 4795 | .home-mid-banner { | 4795 | .home-mid-banner { | |||
| 4796 | font-size: 1.5vw; | 4796 | font-size: 1.5vw; | |||
| 4797 | } | 4797 | } | |||
| 4798 | .home-mid-banner .btn-modern.btn-lg { | 4798 | .home-mid-banner .btn-modern.btn-lg { | |||
| 4799 | font-size: .75rem; | 4799 | font-size: .75rem; | |||
| 4800 | } | 4800 | } | |||
| 4801 | } | 4801 | } | |||
| 4802 | @media (max-width: 480px) { | 4802 | @media (max-width: 480px) { | |||
| 4803 | .home-mid-banner .btn-modern.btn-lg { | 4803 | .home-mid-banner .btn-modern.btn-lg { | |||
| 4804 | font-size: 8px; | 4804 | font-size: 8px; | |||
| 4805 | } | 4805 | } | |||
| 4806 | } | 4806 | } | |||
| 4807 | .home-mid-banner .flex-1:first-child .vc_column-inner { | 4807 | .home-mid-banner .flex-1:first-child .vc_column-inner { | |||
| 4808 | width: auto; | 4808 | width: auto; | |||
| 4809 | align-items: flex-end; | 4809 | align-items: flex-end; | |||
| 4810 | } | 4810 | } | |||
| 4811 | </style> | 4811 | </style> | |||
| 4812 | </div> | 4812 | </div> | |||
| 4813 | <div class="row pt-5 pb-4"> | 4813 | <div class="row pt-5 pb-4"> | |||
| 4814 | <style> | 4814 | <style> | |||
| 4815 | .product-item-info.type12 { | 4815 | .product-item-info.type12 { | |||
| 4816 | padding: 0; | 4816 | padding: 0; | |||
| 4817 | border: none; | 4817 | border: none; | |||
| 4818 | } | 4818 | } | |||
| 4819 | </style> | 4819 | </style> | |||
| 4820 | <div class=" col-md-4"> | 4820 | <div class=" col-md-4"> | |||
| 4821 | <div class="wpb_wrapper vc_column-inner"> | 4821 | <div class="wpb_wrapper vc_column-inner"> | |||
| 4822 | <div class="porto-u-heading" data-hspacer="line_only" data-halign="left" style="text-align: left;"> | 4822 | <div class="porto-u-heading" data-hspacer="line_only" data-halign="left" style="text-align: left;"> | |||
| 4823 | <div class="porto-u-main-heading"><h3 style="margin-bottom: 8px; font-size: 1rem; line-height: 1;">TOP RATED PRODUCTS</h3></div> | 4823 | <div class="porto-u-main-heading"><h3 style="margin-bottom: 8px; font-size: 1rem; line-height: 1;">TOP RATED PRODUCTS</h3></div> | |||
| 4824 | <div class="porto-u-heading-spacer line_only" style="height: 2px;"> | 4824 | <div class="porto-u-heading-spacer line_only" style="height: 2px;"> | |||
| 4825 | <span class="porto-u-headings-line" style="border-style: solid; border-bottom-width: 2px; border-color: rgb(225, 59, 63); width: 10px; margin-left: 0px; float: left;"></span> | 4825 | <span class="porto-u-headings-line" style="border-style: solid; border-bottom-width: 2px; border-color: rgb(225, 59, 63); width: 10px; margin-left: 0px; float: left;"></span> | |||
| 4826 | </div> | 4826 | </div> | |||
| 4827 | </div> | 4827 | </div> | |||
| 4828 | <div class="wpb_content_element"> | 4828 | <div class="wpb_content_element"> | |||
| 4829 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="3" product_type="12" column_count="1" aspect_ratio="0" image_width="250" image_height="250" template="grid.phtml"}} | 4829 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="3" product_type="12" column_count="1" aspect_ratio="0" image_width="250" image_height="250" template="grid.phtml"}} | |||
| 4830 | </div> | 4830 | </div> | |||
| 4831 | </div> | 4831 | </div> | |||
| 4832 | </div> | 4832 | </div> | |||
| 4833 | <div class=" col-md-4"> | 4833 | <div class=" col-md-4"> | |||
| 4834 | <div class="wpb_wrapper vc_column-inner"> | 4834 | <div class="wpb_wrapper vc_column-inner"> | |||
| 4835 | <div class="porto-u-heading" data-hspacer="line_only" data-halign="left" style="text-align: left;"> | 4835 | <div class="porto-u-heading" data-hspacer="line_only" data-halign="left" style="text-align: left;"> | |||
| 4836 | <div class="porto-u-main-heading"><h3 style="margin-bottom: 8px; font-size: 1rem; line-height: 1;">BEST SELLING PRODUCTS</h3></div> | 4836 | <div class="porto-u-main-heading"><h3 style="margin-bottom: 8px; font-size: 1rem; line-height: 1;">BEST SELLING PRODUCTS</h3></div> | |||
| 4837 | <div class="porto-u-heading-spacer line_only" style="height: 2px;"> | 4837 | <div class="porto-u-heading-spacer line_only" style="height: 2px;"> | |||
| 4838 | <span class="porto-u-headings-line" style="border-style: solid; border-bottom-width: 2px; border-color: rgb(225, 59, 63); width: 10px; margin-left: 0px; float: left;"></span> | 4838 | <span class="porto-u-headings-line" style="border-style: solid; border-bottom-width: 2px; border-color: rgb(225, 59, 63); width: 10px; margin-left: 0px; float: left;"></span> | |||
| 4839 | </div> | 4839 | </div> | |||
| 4840 | </div> | 4840 | </div> | |||
| 4841 | <div class="wpb_content_element"> | 4841 | <div class="wpb_content_element"> | |||
| 4842 | {{block class="Smartwave\Filterproducts\Block\Home\BestsellersList" name="featured_product" product_count="3" product_type="12" column_count="1" aspect_ratio="0" image_width="250" image_height="250" template="grid.phtml"}} | 4842 | {{block class="Smartwave\Filterproducts\Block\Home\BestsellersList" name="featured_product" product_count="3" product_type="12" column_count="1" aspect_ratio="0" image_width="250" image_height="250" template="grid.phtml"}} | |||
| 4843 | </div> | 4843 | </div> | |||
| 4844 | </div> | 4844 | </div> | |||
| 4845 | </div> | 4845 | </div> | |||
| 4846 | <div class=" col-md-4"> | 4846 | <div class=" col-md-4"> | |||
| 4847 | <div class="wpb_wrapper vc_column-inner"> | 4847 | <div class="wpb_wrapper vc_column-inner"> | |||
| 4848 | <div class="porto-u-heading" data-hspacer="line_only" data-halign="left" style="text-align: left;"> | 4848 | <div class="porto-u-heading" data-hspacer="line_only" data-halign="left" style="text-align: left;"> | |||
| 4849 | <div class="porto-u-main-heading"><h3 style="margin-bottom: 8px; font-size: 1rem; line-height: 1;">LATEST PRODUCTS</h3></div> | 4849 | <div class="porto-u-main-heading"><h3 style="margin-bottom: 8px; font-size: 1rem; line-height: 1;">LATEST PRODUCTS</h3></div> | |||
| 4850 | <div class="porto-u-heading-spacer line_only" style="height: 2px;"> | 4850 | <div class="porto-u-heading-spacer line_only" style="height: 2px;"> | |||
| 4851 | <span class="porto-u-headings-line" style="border-style: solid; border-bottom-width: 2px; border-color: rgb(225, 59, 63); width: 10px; margin-left: 0px; float: left;"></span> | 4851 | <span class="porto-u-headings-line" style="border-style: solid; border-bottom-width: 2px; border-color: rgb(225, 59, 63); width: 10px; margin-left: 0px; float: left;"></span> | |||
| 4852 | </div> | 4852 | </div> | |||
| 4853 | </div> | 4853 | </div> | |||
| 4854 | <div class="wpb_content_element"> | 4854 | <div class="wpb_content_element"> | |||
| 4855 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_count="3" product_type="12" column_count="1" aspect_ratio="0" image_width="250" image_height="250" template="grid.phtml"}} | 4855 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_count="3" product_type="12" column_count="1" aspect_ratio="0" image_width="250" image_height="250" template="grid.phtml"}} | |||
| 4856 | </div> | 4856 | </div> | |||
| 4857 | </div> | 4857 | </div> | |||
| 4858 | </div> | 4858 | </div> | |||
| 4859 | </div> | 4859 | </div> | |||
| 4860 | <div class="vc_row wpb_row row no-padding"> | 4860 | <div class="vc_row wpb_row row no-padding"> | |||
| 4861 | <div class="py-5 col-md-12" style="border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;"> | 4861 | <div class="py-5 col-md-12" style="border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;"> | |||
| 4862 | <div class="wpb_wrapper vc_column-inner"> | 4862 | <div class="wpb_wrapper vc_column-inner"> | |||
| 4863 | <div class="porto-carousel brand-carousel owl-carousel" style="margin-bottom: 0;"> | 4863 | <div class="porto-carousel brand-carousel owl-carousel" style="margin-bottom: 0;"> | |||
| 4864 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand1.png"}}" alt="" /></div> | 4864 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand1.png"}}" alt="" /></div> | |||
| 4865 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand2.png"}}" alt="" /></div> | 4865 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand2.png"}}" alt="" /></div> | |||
| 4866 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand3.png"}}" alt="" /></div> | 4866 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand3.png"}}" alt="" /></div> | |||
| 4867 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand4.png"}}" alt="" /></div> | 4867 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand4.png"}}" alt="" /></div> | |||
| 4868 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand5.png"}}" alt="" /></div> | 4868 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand5.png"}}" alt="" /></div> | |||
| 4869 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand6.png"}}" alt="" /></div> | 4869 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand6.png"}}" alt="" /></div> | |||
| 4870 | </div> | 4870 | </div> | |||
| 4871 | <script type="text/javascript"> | 4871 | <script type="text/javascript"> | |||
| 4872 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | 4872 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | |||
| 4873 | $(".brand-carousel.owl-carousel").owlCarousel({ | 4873 | $(".brand-carousel.owl-carousel").owlCarousel({ | |||
| 4874 | autoplay: false, | 4874 | autoplay: false, | |||
| 4875 | autoplayTimeout: 5000, | 4875 | autoplayTimeout: 5000, | |||
| 4876 | autoplayHoverPause: true, | 4876 | autoplayHoverPause: true, | |||
| 4877 | nav: false, | 4877 | nav: false, | |||
| 4878 | dots: false, | 4878 | dots: false, | |||
| 4879 | loop: false, | 4879 | loop: false, | |||
| 4880 | responsive: { | 4880 | responsive: { | |||
| 4881 | 0: { | 4881 | 0: { | |||
| 4882 | items: 2, | 4882 | items: 2, | |||
| 4883 | }, | 4883 | }, | |||
| 4884 | 640: { | 4884 | 640: { | |||
| 4885 | items: 3, | 4885 | items: 3, | |||
| 4886 | }, | 4886 | }, | |||
| 4887 | 768: { | 4887 | 768: { | |||
| 4888 | items: 4, | 4888 | items: 4, | |||
| 4889 | }, | 4889 | }, | |||
| 4890 | 992: { | 4890 | 992: { | |||
| 4891 | items: 5, | 4891 | items: 5, | |||
| 4892 | }, | 4892 | }, | |||
| 4893 | 1200: { | 4893 | 1200: { | |||
| 4894 | items: 6, | 4894 | items: 6, | |||
| 4895 | }, | 4895 | }, | |||
| 4896 | }, | 4896 | }, | |||
| 4897 | }); | 4897 | }); | |||
| 4898 | }); | 4898 | }); | |||
| 4899 | </script> | 4899 | </script> | |||
| 4900 | </div> | 4900 | </div> | |||
| 4901 | </div> | 4901 | </div> | |||
| 4902 | </div> | 4902 | </div> | |||
| 4903 | <div class="porto-u-heading" data-hspacer="line_only" data-halign="center" style="text-align: center;padding-top: 40px;"> | 4903 | <div class="porto-u-heading" data-hspacer="line_only" data-halign="center" style="text-align: center;padding-top: 40px;"> | |||
| 4904 | <div class="porto-u-main-heading"><h2 style="margin-bottom: 8px; font-size: 1rem; line-height: 1;">FOLLOW ON INSTAGRAM</h2></div> | 4904 | <div class="porto-u-main-heading"><h2 style="margin-bottom: 8px; font-size: 1rem; line-height: 1;">FOLLOW ON INSTAGRAM</h2></div> | |||
| 4905 | <div class="porto-u-heading-spacer line_only" style="height: 2px;"><span class="porto-u-headings-line" style="border-style: solid; border-bottom-width: 2px; border-color: rgb(225, 59, 63); width: 10px; margin: 0px auto;"></span></div> | 4905 | <div class="porto-u-heading-spacer line_only" style="height: 2px;"><span class="porto-u-headings-line" style="border-style: solid; border-bottom-width: 2px; border-color: rgb(225, 59, 63); width: 10px; margin: 0px auto;"></span></div> | |||
| 4906 | </div> | 4906 | </div> | |||
| 4907 | <div class="wpb_content_element"> | 4907 | <div class="wpb_content_element"> | |||
| 4908 | {{block class="Smartwave\Porto\Block\Template" name="instagram" padding_item="0" template="Smartwave_SocialFeed::instagramphotos.phtml"}} | 4908 | {{block class="Smartwave\Porto\Block\Template" name="instagram" padding_item="0" template="Smartwave_SocialFeed::instagramphotos.phtml"}} | |||
| 4909 | </div> | 4909 | </div> | |||
| 4910 | <style> | 4910 | <style> | |||
| 4911 | .photo-instagrams .image-link{position:relative;display: block;} | 4911 | .photo-instagrams .image-link{position:relative;display: block;} | |||
| 4912 | .photo-instagrams .image-link img {display: block;} | 4912 | .photo-instagrams .image-link img {display: block;} | |||
| 4913 | .photo-instagrams .image-link .content{display:none;position:absolute;left:0;right:0;top:0;background-color:rgba(255,0,0,.5);text-align:center;height:100%;vertical-align:middle;font-size:35px;color:#fff;opacity:0;visibility:hidden;transition:all .3s;} | 4913 | .photo-instagrams .image-link .content{display:none;position:absolute;left:0;right:0;top:0;background-color:rgba(255,0,0,.5);text-align:center;height:100%;vertical-align:middle;font-size:35px;color:#fff;opacity:0;visibility:hidden;transition:all .3s;} | |||
| 4914 | .photo-instagrams .image-link:hover .content{opacity:1;visibility:visible;} | 4914 | .photo-instagrams .image-link:hover .content{opacity:1;visibility:visible;} | |||
| 4915 | .photo-instagrams .image-link .content i{position:absolute;top:calc(50% - 18px);left:calc(50% - 24.5px);display:inline-block;vertical-align:middle;} | 4915 | .photo-instagrams .image-link .content i{position:absolute;top:calc(50% - 18px);left:calc(50% - 24.5px);display:inline-block;vertical-align:middle;} | |||
| 4916 | </style> | 4916 | </style> | |||
| 4917 | </div> ]]> | 4917 | </div> ]]> | |||
| 4918 | </content> | 4918 | </content> | |||
| 4919 | 4919 | |||||
| 4920 | <is_active> | 4920 | <is_active> | |||
| 4921 | 1 | 4921 | 1 | |||
| 4922 | </is_active> | 4922 | </is_active> | |||
| 4923 | 4923 | |||||
| 4924 | <page_layout> | 4924 | <page_layout> | |||
| 4925 | 1column | 4925 | 1column | |||
| 4926 | </page_layout> | 4926 | </page_layout> | |||
| 4927 | 4927 | |||||
| 4928 | <layout_update_xml> | 4928 | <layout_update_xml> | |||
| 4929 | <![CDATA[]]> | 4929 | <![CDATA[]]> | |||
| 4930 | </layout_update_xml> | 4930 | </layout_update_xml> | |||
| 4931 | 4931 | |||||
| 4932 | </cms_item> | 4932 | </cms_item> | |||
| 4933 | 4933 | |||||
| 4934 | <cms_item> | 4934 | <cms_item> | |||
| 4935 | 4935 | |||||
| 4936 | <title> | 4936 | <title> | |||
| 4937 | Porto - Homepage 9 | 4937 | Porto - Homepage 9 | |||
| 4938 | </title> | 4938 | </title> | |||
| 4939 | 4939 | |||||
| 4940 | <identifier> | 4940 | <identifier> | |||
| 4941 | porto_home_9 | 4941 | porto_home_9 | |||
| 4942 | </identifier> | 4942 | </identifier> | |||
| 4943 | 4943 | |||||
| 4944 | <content> | 4944 | <content> | |||
| 4945 | <![CDATA[<style> | 4945 | <![CDATA[<style> | |||
| 4946 | .columns .column.main { | 4946 | .columns .column.main { | |||
| 4947 | padding-bottom: 0; | 4947 | padding-bottom: 0; | |||
| 4948 | } | 4948 | } | |||
| 4949 | </style> | 4949 | </style> | |||
| 4950 | <div class="row mb-3" style="background-color: #ffffff;"> | 4950 | <div class="row mb-3" style="background-color: #ffffff;"> | |||
| 4951 | <div class="col-md-12 offset-lg-3 col-lg-9"> | 4951 | <div class="col-md-12 offset-lg-3 col-lg-9"> | |||
| 4952 | <div class="wpb_wrapper vc_column-inner"> | 4952 | <div class="wpb_wrapper vc_column-inner"> | |||
| 4953 | <div id="home-banner-demo9" class="porto-carousel owl-carousel mb-0 porto-standable-carousel"> | 4953 | <div id="home-banner-demo9" class="porto-carousel owl-carousel mb-0 porto-standable-carousel"> | |||
| 4954 | <div class="porto-ibanner" style="background: #f4f4f4; min-height: 410px;"> | 4954 | <div class="porto-ibanner" style="background: #f4f4f4; min-height: 410px;"> | |||
| 4955 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/09/shop9_home_slide1.jpg"}}" /> | 4955 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/09/shop9_home_slide1.jpg"}}" /> | |||
| 4956 | <div class="porto-ibanner-desc no-padding d-flex"> | 4956 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 4957 | <div class="porto-ibanner-layer pr-xl-3 text-right" style="width: 48%; left: 2%; top: 50%; transform: translateY(-50%);"> | 4957 | <div class="porto-ibanner-layer pr-xl-3 text-right" style="width: 48%; left: 2%; top: 50%; transform: translateY(-50%);"> | |||
| 4958 | <h4 style="font-size: 1.0625em; color: rgba(34, 37, 41, 0.7); line-height: 1; font-weight: 500; letter-spacing: 0.065em;" class="vc_custom_heading mb-2 pr-1 align-right"> | 4958 | <h4 style="font-size: 1.0625em; color: rgba(34, 37, 41, 0.7); line-height: 1; font-weight: 500; letter-spacing: 0.065em;" class="vc_custom_heading mb-2 pr-1 align-right"> | |||
| 4959 | Find the Boundaries. Push Through! | 4959 | Find the Boundaries. Push Through! | |||
| 4960 | </h4> | 4960 | </h4> | |||
| 4961 | <h2 style="font-size: 3.625em; line-height: 1; animation-delay: 300ms;" class="vc_custom_heading mb-0 align-right text-uppercase"> | 4961 | <h2 style="font-size: 3.625em; line-height: 1; animation-delay: 300ms;" class="vc_custom_heading mb-0 align-right text-uppercase"> | |||
| 4962 | Shoes Sale | 4962 | Shoes Sale | |||
| 4963 | </h2> | 4963 | </h2> | |||
| 4964 | <div class="row d-block d-sm-inline-flex flex-sm-nowrap"> | 4964 | <div class="row d-block d-sm-inline-flex flex-sm-nowrap"> | |||
| 4965 | <div class="col-auto col-md-6 appear-animation"> | 4965 | <div class="col-auto col-md-6 appear-animation"> | |||
| 4966 | <div class="wpb_wrapper vc_column-inner"> | 4966 | <div class="wpb_wrapper vc_column-inner"> | |||
| 4967 | <h3 style="font-size: 3.5em; line-height: 1; text-align: center; letter-spacing: -0.08em;padding: .65em .5em 2em .5em; background-image: url({{media url="wysiwyg/smartwave/porto/homepage/09/shop9_home_badge.png"}}); background-position: center;background-repeat: no-repeat;background-size: contain;" class="vc_custom_heading sale-label mb-0 d-inline-block heading-light"> | 4967 | <h3 style="font-size: 3.5em; line-height: 1; text-align: center; letter-spacing: -0.08em;padding: .65em .5em 2em .5em; background-image: url({{media url="wysiwyg/smartwave/porto/homepage/09/shop9_home_badge.png"}}); background-position: center;background-repeat: no-repeat;background-size: contain;" class="vc_custom_heading sale-label mb-0 d-inline-block heading-light"> | |||
| 4968 | 40<small><sup>%</sup><sub>OFF</sub></small> | 4968 | 40<small><sup>%</sup><sub>OFF</sub></small> | |||
| 4969 | </h3> | 4969 | </h3> | |||
| 4970 | </div> | 4970 | </div> | |||
| 4971 | </div> | 4971 | </div> | |||
| 4972 | <div class="col-auto pt-4 col-md-6"> | 4972 | <div class="col-auto pt-4 col-md-6"> | |||
| 4973 | <div class="wpb_wrapper vc_column-inner"> | 4973 | <div class="wpb_wrapper vc_column-inner"> | |||
| 4974 | <h4 style="font-size: 0.8125em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading d-inline-block mr-2 align-left text-uppercase">Starting At</h4> | 4974 | <h4 style="font-size: 0.8125em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading d-inline-block mr-2 align-left text-uppercase">Starting At</h4> | |||
| 4975 | <h5 style="font-size: 0.8125em; line-height: 0.9;margin-left: -4px;" class="vc_custom_heading coupon-sale-text align-left heading-light">$<b>119</b>99</h5> | 4975 | <h5 style="font-size: 0.8125em; line-height: 0.9;margin-left: -4px;" class="vc_custom_heading coupon-sale-text align-left heading-light">$<b>119</b>99</h5> | |||
| 4976 | <div class="btn-container mb-0 text-right"><button class="btn btn-modern btn-md btn-dark">SHOP NOW!</button></div> | 4976 | <div class="btn-container mb-0 text-right"><button class="btn btn-modern btn-md btn-dark">SHOP NOW!</button></div> | |||
| 4977 | </div> | 4977 | </div> | |||
| 4978 | </div> | 4978 | </div> | |||
| 4979 | </div> | 4979 | </div> | |||
| 4980 | </div> | 4980 | </div> | |||
| 4981 | </div> | 4981 | </div> | |||
| 4982 | </div> | 4982 | </div> | |||
| 4983 | <div class="porto-ibanner" style="min-height: 410px;"> | 4983 | <div class="porto-ibanner" style="min-height: 410px;"> | |||
| 4984 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/09/shop9_home_slide2.jpg"}}" /> | 4984 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/09/shop9_home_slide2.jpg"}}" /> | |||
| 4985 | <div class="porto-ibanner-desc no-padding d-flex"> | 4985 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 4986 | <div class="porto-ibanner-layer text-right" style="right: 12%; top: 50%; transform: translateY(-50%);"> | 4986 | <div class="porto-ibanner-layer text-right" style="right: 12%; top: 50%; transform: translateY(-50%);"> | |||
| 4987 | <h2 style="font-size: 1.875em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading mb-2 align-right text-uppercase heading-primary">FLASH SALE</h2> | 4987 | <h2 style="font-size: 1.875em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading mb-2 align-right text-uppercase heading-primary">FLASH SALE</h2> | |||
| 4988 | <h4 style="font-size: 1.375em; color: #a2a2a2; line-height: 1.2; font-weight: 500; letter-spacing: 0.2em;" class="vc_custom_heading mb-2 m-r-n-xs align-right"> | 4988 | <h4 style="font-size: 1.375em; color: #a2a2a2; line-height: 1.2; font-weight: 500; letter-spacing: 0.2em;" class="vc_custom_heading mb-2 m-r-n-xs align-right"> | |||
| 4989 | TOP BRANDS<br /> | 4989 | TOP BRANDS<br /> | |||
| 4990 | SUMMER SUNGLASSES | 4990 | SUMMER SUNGLASSES | |||
| 4991 | </h4> | 4991 | </h4> | |||
| 4992 | <h4 style="font-size: 2em; line-height: 1.1; letter-spacing: -0.02em;" class="vc_custom_heading mb-4 align-right text-uppercase heading-light"> | 4992 | <h4 style="font-size: 2em; line-height: 1.1; letter-spacing: -0.02em;" class="vc_custom_heading mb-4 align-right text-uppercase heading-light"> | |||
| 4993 | STARTING<br /> | 4993 | STARTING<br /> | |||
| 4994 | AT <sup>$</sup>199<sup>99</sup> | 4994 | AT <sup>$</sup>199<sup>99</sup> | |||
| 4995 | </h4> | 4995 | </h4> | |||
| 4996 | <div class="btn-container mb-0 pt-1 text-right"><button class="btn btn-modern btn-lg btn-light">View Sale</button></div> | 4996 | <div class="btn-container mb-0 pt-1 text-right"><button class="btn btn-modern btn-lg btn-light">View Sale</button></div> | |||
| 4997 | </div> | 4997 | </div> | |||
| 4998 | </div> | 4998 | </div> | |||
| 4999 | </div> | 4999 | </div> | |||
| 5000 | </div> | 5000 | </div> | |||
| 5001 | <style> | 5001 | <style> | |||
| 5002 | .porto-ibanner-layer { | 5002 | .porto-ibanner-layer { | |||
| 5003 | position: absolute; | 5003 | position: absolute; | |||
| 5004 | z-index: 10; | 5004 | z-index: 10; | |||
| 5005 | } | 5005 | } | |||
| 5006 | .vc_column-inner::before, .vc_column-inner::after { | 5006 | .vc_column-inner::before, .vc_column-inner::after { | |||
| 5007 | content: " "; | 5007 | content: " "; | |||
| 5008 | display: table; | 5008 | display: table; | |||
| 5009 | } | 5009 | } | |||
| 5010 | .sale-label small { | 5010 | .sale-label small { | |||
| 5011 | letter-spacing: -.025em; | 5011 | letter-spacing: -.025em; | |||
| 5012 | font-size: 70%; | 5012 | font-size: 70%; | |||
| 5013 | display: inline-block; | 5013 | display: inline-block; | |||
| 5014 | font-weight: inherit; | 5014 | font-weight: inherit; | |||
| 5015 | } | 5015 | } | |||
| 5016 | .sale-label sup { | 5016 | .sale-label sup { | |||
| 5017 | position: static; | 5017 | position: static; | |||
| 5018 | font-size: 75%; | 5018 | font-size: 75%; | |||
| 5019 | } | 5019 | } | |||
| 5020 | .sale-label sub { | 5020 | .sale-label sub { | |||
| 5021 | display: block; | 5021 | display: block; | |||
| 5022 | font-size: 36%; | 5022 | font-size: 36%; | |||
| 5023 | line-height: 1; | 5023 | line-height: 1; | |||
| 5024 | position: static; | 5024 | position: static; | |||
| 5025 | font-weight: 400; | 5025 | font-weight: 400; | |||
| 5026 | letter-spacing: 0; | 5026 | letter-spacing: 0; | |||
| 5027 | padding-left: .1em; | 5027 | padding-left: .1em; | |||
| 5028 | } | 5028 | } | |||
| 5029 | 5029 | |||||
| 5030 | .coupon-sale-text { | 5030 | .coupon-sale-text { | |||
| 5031 | transform: none; | 5031 | transform: none; | |||
| 5032 | letter-spacing: .35px; | 5032 | letter-spacing: .35px; | |||
| 5033 | position: relative; | 5033 | position: relative; | |||
| 5034 | display: inline-block; | 5034 | display: inline-block; | |||
| 5035 | padding: 6px 10px 4px; | 5035 | padding: 6px 10px 4px; | |||
| 5036 | z-index: 1; | 5036 | z-index: 1; | |||
| 5037 | } | 5037 | } | |||
| 5038 | .coupon-sale-text:before { | 5038 | .coupon-sale-text:before { | |||
| 5039 | content: ''; | 5039 | content: ''; | |||
| 5040 | position: absolute; | 5040 | position: absolute; | |||
| 5041 | top: 0; | 5041 | top: 0; | |||
| 5042 | right: 0; | 5042 | right: 0; | |||
| 5043 | left: 0; | 5043 | left: 0; | |||
| 5044 | bottom: 0; | 5044 | bottom: 0; | |||
| 5045 | z-index: -1; | 5045 | z-index: -1; | |||
| 5046 | background: #ff7272; | 5046 | background: #ff7272; | |||
| 5047 | transform: rotate( | 5047 | transform: rotate( | |||
| 5048 | -2deg | 5048 | -2deg | |||
| 5049 | ); | 5049 | ); | |||
| 5050 | } | 5050 | } | |||
| 5051 | .coupon-sale-text b { | 5051 | .coupon-sale-text b { | |||
| 5052 | font-size: 200%; | 5052 | font-size: 200%; | |||
| 5053 | vertical-align: text-top; | 5053 | vertical-align: text-top; | |||
| 5054 | padding: 0; | 5054 | padding: 0; | |||
| 5055 | } | 5055 | } | |||
| 5056 | .porto-ibanner-layer .btn-modern.btn-md { | 5056 | .porto-ibanner-layer .btn-modern.btn-md { | |||
| 5057 | font-size: .85em; | 5057 | font-size: .85em; | |||
| 5058 | padding: 1em 3.25em; | 5058 | padding: 1em 3.25em; | |||
| 5059 | } | 5059 | } | |||
| 5060 | </style> | 5060 | </style> | |||
| 5061 | <script type="text/javascript"> | 5061 | <script type="text/javascript"> | |||
| 5062 | require([ | 5062 | require([ | |||
| 5063 | 'jquery', | 5063 | 'jquery', | |||
| 5064 | 'owl.carousel/owl.carousel.min' | 5064 | 'owl.carousel/owl.carousel.min' | |||
| 5065 | ], function ($) { | 5065 | ], function ($) { | |||
| 5066 | var banner_owl = $("#home-banner-demo9.owl-carousel"); | 5066 | var banner_owl = $("#home-banner-demo9.owl-carousel"); | |||
| 5067 | banner_owl.owlCarousel({ | 5067 | banner_owl.owlCarousel({ | |||
| 5068 | items: 1, | 5068 | items: 1, | |||
| 5069 | autoplay: false, | 5069 | autoplay: false, | |||
| 5070 | autoplayTimeout: 5000, | 5070 | autoplayTimeout: 5000, | |||
| 5071 | autoplayHoverPause: true, | 5071 | autoplayHoverPause: true, | |||
| 5072 | dots: false, | 5072 | dots: false, | |||
| 5073 | nav: false, | 5073 | nav: false, | |||
| 5074 | navRewind: true, | 5074 | navRewind: true, | |||
| 5075 | animateIn: 'fadeIn', | 5075 | animateIn: 'fadeIn', | |||
| 5076 | animateOut: 'fadeOut', | 5076 | animateOut: 'fadeOut', | |||
| 5077 | loop: true, | 5077 | loop: true, | |||
| 5078 | lazyLoad: true | 5078 | lazyLoad: true | |||
| 5079 | }); | 5079 | }); | |||
| 5080 | }); | 5080 | }); | |||
| 5081 | </script> | 5081 | </script> | |||
| 5082 | </div> | 5082 | </div> | |||
| 5083 | </div> | 5083 | </div> | |||
| 5084 | </div> | 5084 | </div> | |||
| 5085 | <div class="row" style="background: #fff;"> | 5085 | <div class="row" style="background: #fff;"> | |||
| 5086 | <div class="col-md-12"> | 5086 | <div class="col-md-12"> | |||
| 5087 | <div class="wpb_wrapper vc_column-inner"> | 5087 | <div class="wpb_wrapper vc_column-inner"> | |||
| 5088 | <div class="porto-products wpb_content_element title-border-middle"> | 5088 | <div class="porto-products wpb_content_element title-border-middle"> | |||
| 5089 | <h2 class="section-title text-center"> | 5089 | <h2 class="section-title text-center"> | |||
| 5090 | <span class="line-l"></span> | 5090 | <span class="line-l"></span> | |||
| 5091 | <span class="inline-title">FEATURED PRODUCTS</span> | 5091 | <span class="inline-title">FEATURED PRODUCTS</span> | |||
| 5092 | <span class="line-r"></span> | 5092 | <span class="line-r"></span> | |||
| 5093 | </h2> | 5093 | </h2> | |||
| 5094 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_type="4" product_count="4" column_count="4" aspect_ratio="0" image_width="350" image_height="350" template="grid.phtml"}} | 5094 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_type="4" product_count="4" column_count="4" aspect_ratio="0" image_width="350" image_height="350" template="grid.phtml"}} | |||
| 5095 | </div> | 5095 | </div> | |||
| 5096 | </div> | 5096 | </div> | |||
| 5097 | </div> | 5097 | </div> | |||
| 5098 | </div> | 5098 | </div> | |||
| 5099 | <div class="row m-b product-new-style"> | 5099 | <div class="row m-b product-new-style"> | |||
| 5100 | <style> | 5100 | <style> | |||
| 5101 | .bg-gray { | 5101 | .bg-gray { | |||
| 5102 | background-color: #f4f4f4; | 5102 | background-color: #f4f4f4; | |||
| 5103 | } | 5103 | } | |||
| 5104 | .product-new-style .product-item-inner,.product-item-photo>a:not(.weltpixel-quickview):before,.product-new-style .product-item-info .weltpixel-quickview.weltpixel_quickview_button_v2 { | 5104 | .product-new-style .product-item-inner,.product-item-photo>a:not(.weltpixel-quickview):before,.product-new-style .product-item-info .weltpixel-quickview.weltpixel_quickview_button_v2 { | |||
| 5105 | display: none !important; | 5105 | display: none !important; | |||
| 5106 | } | 5106 | } | |||
| 5107 | .product-new-style .product-item-info:hover .product-item-photo {box-shadow: none;} | 5107 | .product-new-style .product-item-info:hover .product-item-photo {box-shadow: none;} | |||
| 5108 | </style> | 5108 | </style> | |||
| 5109 | <div class="col-md-6 col-12"> | 5109 | <div class="col-md-6 col-12"> | |||
| 5110 | <div class="wpb_wrapper vc_column-inner"> | 5110 | <div class="wpb_wrapper vc_column-inner"> | |||
| 5111 | <div id="bestseller-products" class="porto-products wpb_content_element bg-gray px-4 py-5"> | 5111 | <div id="bestseller-products" class="porto-products wpb_content_element bg-gray px-4 py-5"> | |||
| 5112 | <h2 class="section-title text-center slider-title"><span class="inline-title">Best Sellers Products</span><span class="line"></span></h2> | 5112 | <h2 class="section-title text-center slider-title"><span class="inline-title">Best Sellers Products</span><span class="line"></span></h2> | |||
| 5113 | <div class="slider-wrapper"> | 5113 | <div class="slider-wrapper"> | |||
| 5114 | {{block class="Smartwave\Filterproducts\Block\Home\BestsellersList" name="best_product" extra_class="nav-center-images-only nav-style-4 dots-style-1" product_type="1" product_count="3" aspect_ratio="1" image_width="463" image_height="348" template="owl_list.phtml"}} | 5114 | {{block class="Smartwave\Filterproducts\Block\Home\BestsellersList" name="best_product" extra_class="nav-center-images-only nav-style-4 dots-style-1" product_type="1" product_count="3" aspect_ratio="1" image_width="463" image_height="348" template="owl_list.phtml"}} | |||
| 5115 | <script type="text/javascript"> | 5115 | <script type="text/javascript"> | |||
| 5116 | require([ | 5116 | require([ | |||
| 5117 | 'jquery', | 5117 | 'jquery', | |||
| 5118 | 'owl.carousel/owl.carousel.min' | 5118 | 'owl.carousel/owl.carousel.min' | |||
| 5119 | ], function ($) { | 5119 | ], function ($) { | |||
| 5120 | $("#bestseller-products .owl-carousel").owlCarousel({ | 5120 | $("#bestseller-products .owl-carousel").owlCarousel({ | |||
| 5121 | items: 1, | 5121 | items: 1, | |||
| 5122 | autoplay: false, | 5122 | autoplay: false, | |||
| 5123 | autoplayTimeout: 5000, | 5123 | autoplayTimeout: 5000, | |||
| 5124 | autoplayHoverPause: true, | 5124 | autoplayHoverPause: true, | |||
| 5125 | loop: true, | 5125 | loop: true, | |||
| 5126 | navRewind: true, | 5126 | navRewind: true, | |||
| 5127 | lazyLoad:true, | 5127 | lazyLoad:true, | |||
| 5128 | margin: 0, | 5128 | margin: 0, | |||
| 5129 | nav: true, | 5129 | nav: true, | |||
| 5130 | dots: false | 5130 | dots: false | |||
| 5131 | }); | 5131 | }); | |||
| 5132 | }); | 5132 | }); | |||
| 5133 | </script> | 5133 | </script> | |||
| 5134 | </div> | 5134 | </div> | |||
| 5135 | </div> | 5135 | </div> | |||
| 5136 | </div> | 5136 | </div> | |||
| 5137 | </div> | 5137 | </div> | |||
| 5138 | <div class="col-md-6 col-12"> | 5138 | <div class="col-md-6 col-12"> | |||
| 5139 | <div class="wpb_wrapper vc_column-inner"> | 5139 | <div class="wpb_wrapper vc_column-inner"> | |||
| 5140 | <div id="latest-products" class="porto-products wpb_content_element bg-gray py-5 px-4"> | 5140 | <div id="latest-products" class="porto-products wpb_content_element bg-gray py-5 px-4"> | |||
| 5141 | <h2 class="section-title text-center slider-title"><span class="inline-title">NEW ARRIVAL PRODUCTS</span><span class="line"></span></h2> | 5141 | <h2 class="section-title text-center slider-title"><span class="inline-title">NEW ARRIVAL PRODUCTS</span><span class="line"></span></h2> | |||
| 5142 | <div class="slider-wrapper"> | 5142 | <div class="slider-wrapper"> | |||
| 5143 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" extra_class="nav-center-images-only nav-style-4 dots-style-1" product_type="1" product_count="3" aspect_ratio="1" image_width="463" image_height="348" template="owl_list.phtml"}} | 5143 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" extra_class="nav-center-images-only nav-style-4 dots-style-1" product_type="1" product_count="3" aspect_ratio="1" image_width="463" image_height="348" template="owl_list.phtml"}} | |||
| 5144 | <script type="text/javascript"> | 5144 | <script type="text/javascript"> | |||
| 5145 | require([ | 5145 | require([ | |||
| 5146 | 'jquery', | 5146 | 'jquery', | |||
| 5147 | 'owl.carousel/owl.carousel.min' | 5147 | 'owl.carousel/owl.carousel.min' | |||
| 5148 | ], function ($) { | 5148 | ], function ($) { | |||
| 5149 | $("#latest-products .owl-carousel").owlCarousel({ | 5149 | $("#latest-products .owl-carousel").owlCarousel({ | |||
| 5150 | items: 1, | 5150 | items: 1, | |||
| 5151 | autoplay: false, | 5151 | autoplay: false, | |||
| 5152 | autoplayTimeout: 5000, | 5152 | autoplayTimeout: 5000, | |||
| 5153 | autoplayHoverPause: true, | 5153 | autoplayHoverPause: true, | |||
| 5154 | loop: true, | 5154 | loop: true, | |||
| 5155 | navRewind: true, | 5155 | navRewind: true, | |||
| 5156 | lazyLoad:true, | 5156 | lazyLoad:true, | |||
| 5157 | margin: 0, | 5157 | margin: 0, | |||
| 5158 | nav: true, | 5158 | nav: true, | |||
| 5159 | dots: false | 5159 | dots: false | |||
| 5160 | }); | 5160 | }); | |||
| 5161 | }); | 5161 | }); | |||
| 5162 | </script> | 5162 | </script> | |||
| 5163 | </div> | 5163 | </div> | |||
| 5164 | </div> | 5164 | </div> | |||
| 5165 | </div> | 5165 | </div> | |||
| 5166 | </div> | 5166 | </div> | |||
| 5167 | </div> | 5167 | </div> | |||
| 5168 | <div class="row" style="background: #fff;"> | 5168 | <div class="row" style="background: #fff;"> | |||
| 5169 | <div class="col-md-12"> | 5169 | <div class="col-md-12"> | |||
| 5170 | <div class="wpb_wrapper vc_column-inner"> | 5170 | <div class="wpb_wrapper vc_column-inner"> | |||
| 5171 | <div id="selection-products" class="porto-products wpb_content_element title-border-middle"> | 5171 | <div id="selection-products" class="porto-products wpb_content_element title-border-middle"> | |||
| 5172 | <h2 class="section-title text-center"> | 5172 | <h2 class="section-title text-center"> | |||
| 5173 | <span class="line-l"></span> | 5173 | <span class="line-l"></span> | |||
| 5174 | <span class="inline-title">FASHION SELECTION</span> | 5174 | <span class="inline-title">FASHION SELECTION</span> | |||
| 5175 | <span class="line-r"></span> | 5175 | <span class="line-r"></span> | |||
| 5176 | </h2> | 5176 | </h2> | |||
| 5177 | <div class="slider-wrapper"> | 5177 | <div class="slider-wrapper"> | |||
| 5178 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1" product_type="4" product_count="6" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | 5178 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1" product_type="4" product_count="6" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||
| 5179 | <script type="text/javascript"> | 5179 | <script type="text/javascript"> | |||
| 5180 | require([ | 5180 | require([ | |||
| 5181 | 'jquery', | 5181 | 'jquery', | |||
| 5182 | 'owl.carousel/owl.carousel.min' | 5182 | 'owl.carousel/owl.carousel.min' | |||
| 5183 | ], function ($) { | 5183 | ], function ($) { | |||
| 5184 | $("#selection-products .owl-carousel").owlCarousel({ | 5184 | $("#selection-products .owl-carousel").owlCarousel({ | |||
| 5185 | autoplay: false, | 5185 | autoplay: false, | |||
| 5186 | autoplayTimeout: 5000, | 5186 | autoplayTimeout: 5000, | |||
| 5187 | autoplayHoverPause: true, | 5187 | autoplayHoverPause: true, | |||
| 5188 | loop: true, | 5188 | loop: true, | |||
| 5189 | navRewind: true, | 5189 | navRewind: true, | |||
| 5190 | lazyLoad:true, | 5190 | lazyLoad:true, | |||
| 5191 | margin: 0, | 5191 | margin: 0, | |||
| 5192 | nav: false, | 5192 | nav: false, | |||
| 5193 | dots: false, | 5193 | dots: false, | |||
| 5194 | responsive: { | 5194 | responsive: { | |||
| 5195 | 0: { | 5195 | 0: { | |||
| 5196 | items:2 | 5196 | items:2 | |||
| 5197 | }, | 5197 | }, | |||
| 5198 | 640: { | 5198 | 640: { | |||
| 5199 | items:3 | 5199 | items:3 | |||
| 5200 | }, | 5200 | }, | |||
| 5201 | 768: { | 5201 | 768: { | |||
| 5202 | items:3 | 5202 | items:3 | |||
| 5203 | }, | 5203 | }, | |||
| 5204 | 992: { | 5204 | 992: { | |||
| 5205 | items:4 | 5205 | items:4 | |||
| 5206 | }, | 5206 | }, | |||
| 5207 | 1200: { | 5207 | 1200: { | |||
| 5208 | items:4 | 5208 | items:4 | |||
| 5209 | } | 5209 | } | |||
| 5210 | } | 5210 | } | |||
| 5211 | }); | 5211 | }); | |||
| 5212 | }); | 5212 | }); | |||
| 5213 | </script> | 5213 | </script> | |||
| 5214 | </div> | 5214 | </div> | |||
| 5215 | </div> | 5215 | </div> | |||
| 5216 | </div> | 5216 | </div> | |||
| 5217 | </div> | 5217 | </div> | |||
| 5218 | </div> | 5218 | </div> | |||
| 5219 | <div class="row home-newsletter no-padding" style="background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/09/shop9_home_banner.jpg"}}');padding-top: 6rem;padding-bottom: 6rem;background-color: #e7e7e7;background-position: center;background-repeat: no-repeat;background-size: cover;"> | 5219 | <div class="row home-newsletter no-padding" style="background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/09/shop9_home_banner.jpg"}}');padding-top: 6rem;padding-bottom: 6rem;background-color: #e7e7e7;background-position: center;background-repeat: no-repeat;background-size: cover;"> | |||
| 5220 | <div class="pl-4 pl-xl-5 col-md-9 col-xl-6 col-lg-8 col-10"> | 5220 | <div class="pl-4 pl-xl-5 col-md-9 col-xl-6 col-lg-8 col-10"> | |||
| 5221 | <div class="wpb_wrapper vc_column-inner"> | 5221 | <div class="wpb_wrapper vc_column-inner"> | |||
| 5222 | <h2 style="font-size: 1.5rem; line-height: 1.2; text-align: center; letter-spacing: -0.02em;" class="vc_custom_heading mb-2 text-uppercase">subscribe to our newsletter</h2> | 5222 | <h2 style="font-size: 1.5rem; line-height: 1.2; text-align: center; letter-spacing: -0.02em;" class="vc_custom_heading mb-2 text-uppercase">subscribe to our newsletter</h2> | |||
| 5223 | <h5 style="font-size: 1rem; color: #777777; line-height: 1.5; text-align: center; font-weight: 400;" class="vc_custom_heading mb-3"> | 5223 | <h5 style="font-size: 1rem; color: #777777; line-height: 1.5; text-align: center; font-weight: 400;" class="vc_custom_heading mb-3"> | |||
| 5224 | Get all the latest information on events, sales and<br /> | 5224 | Get all the latest information on events, sales and<br /> | |||
| 5225 | offers. Sign up for newsletter: | 5225 | offers. Sign up for newsletter: | |||
| 5226 | </h5> | 5226 | </h5> | |||
| 5227 | {{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form.phtml"}} | 5227 | {{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form.phtml"}} | |||
| 5228 | <style> | 5228 | <style> | |||
| 5229 | .single-subscribe .newsletter .control { | 5229 | .single-subscribe .newsletter .control { | |||
| 5230 | justify-content: center; | 5230 | justify-content: center; | |||
| 5231 | } | 5231 | } | |||
| 5232 | @media(min-width: 992px){ | 5232 | @media(min-width: 992px){ | |||
| 5233 | .single-subscribe .newsletter .input-text { | 5233 | .single-subscribe .newsletter .input-text { | |||
| 5234 | width: 60%; | 5234 | width: 60%; | |||
| 5235 | } | 5235 | } | |||
| 5236 | } | 5236 | } | |||
| 5237 | .single-subscribe .newsletter input { | 5237 | .single-subscribe .newsletter input { | |||
| 5238 | height: 3.25rem; | 5238 | height: 3.25rem; | |||
| 5239 | padding-left: 1.5em; | 5239 | padding-left: 1.5em; | |||
| 5240 | padding-right: 15px; | 5240 | padding-right: 15px; | |||
| 5241 | border-radius: 2rem 0 0 2rem; | 5241 | border-radius: 2rem 0 0 2rem; | |||
| 5242 | font-size: .85rem; | 5242 | font-size: .85rem; | |||
| 5243 | color: #777; | 5243 | color: #777; | |||
| 5244 | border: none; | 5244 | border: none; | |||
| 5245 | margin: 0; | 5245 | margin: 0; | |||
| 5246 | } | 5246 | } | |||
| 5247 | .single-subscribe .newsletter .action { | 5247 | .single-subscribe .newsletter .action { | |||
| 5248 | display: table-cell; | 5248 | display: table-cell; | |||
| 5249 | vertical-align: top; | 5249 | vertical-align: top; | |||
| 5250 | height: 3.2rem; | 5250 | height: 3.2rem; | |||
| 5251 | padding-left: 2.5rem; | 5251 | padding-left: 2.5rem; | |||
| 5252 | padding-right: 2.5rem; | 5252 | padding-right: 2.5rem; | |||
| 5253 | text-transform: uppercase; | 5253 | text-transform: uppercase; | |||
| 5254 | font-weight: 700; | 5254 | font-weight: 700; | |||
| 5255 | font-size: .8rem; | 5255 | font-size: .8rem; | |||
| 5256 | border-radius: 0 2rem 2rem 0; | 5256 | border-radius: 0 2rem 2rem 0; | |||
| 5257 | } | 5257 | } | |||
| 5258 | </style> | 5258 | </style> | |||
| 5259 | </div> | 5259 | </div> | |||
| 5260 | </div> | 5260 | </div> | |||
| 5261 | </div> | 5261 | </div> | |||
| 5262 | <div class="row"> | 5262 | <div class="row"> | |||
| 5263 | <div class="col-md-12"> | 5263 | <div class="col-md-12"> | |||
| 5264 | <div class="wpb_wrapper vc_column-inner"> | 5264 | <div class="wpb_wrapper vc_column-inner"> | |||
| 5265 | <div class="porto-brand"> | 5265 | <div class="porto-brand"> | |||
| 5266 | <div class="porto-carousel brand-carousel owl-carousel mb-0 py-5"> | 5266 | <div class="porto-carousel brand-carousel owl-carousel mb-0 py-5"> | |||
| 5267 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand1.png"}}" alt="" /></div> | 5267 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand1.png"}}" alt="" /></div> | |||
| 5268 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand2.png"}}" alt="" /></div> | 5268 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand2.png"}}" alt="" /></div> | |||
| 5269 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand3.png"}}" alt="" /></div> | 5269 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand3.png"}}" alt="" /></div> | |||
| 5270 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand4.png"}}" alt="" /></div> | 5270 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand4.png"}}" alt="" /></div> | |||
| 5271 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand5.png"}}" alt="" /></div> | 5271 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand5.png"}}" alt="" /></div> | |||
| 5272 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand6.png"}}" alt="" /></div> | 5272 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand6.png"}}" alt="" /></div> | |||
| 5273 | </div> | 5273 | </div> | |||
| 5274 | <script type="text/javascript"> | 5274 | <script type="text/javascript"> | |||
| 5275 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | 5275 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | |||
| 5276 | $(".brand-carousel.owl-carousel").owlCarousel({ | 5276 | $(".brand-carousel.owl-carousel").owlCarousel({ | |||
| 5277 | autoplay: true, | 5277 | autoplay: true, | |||
| 5278 | autoplayTimeout: 5000, | 5278 | autoplayTimeout: 5000, | |||
| 5279 | autoplayHoverPause: true, | 5279 | autoplayHoverPause: true, | |||
| 5280 | nav: false, | 5280 | nav: false, | |||
| 5281 | dots: false, | 5281 | dots: false, | |||
| 5282 | loop: true, | 5282 | loop: true, | |||
| 5283 | responsive: { | 5283 | responsive: { | |||
| 5284 | 0: { | 5284 | 0: { | |||
| 5285 | items: 2, | 5285 | items: 2, | |||
| 5286 | }, | 5286 | }, | |||
| 5287 | 640: { | 5287 | 640: { | |||
| 5288 | items: 3, | 5288 | items: 3, | |||
| 5289 | }, | 5289 | }, | |||
| 5290 | 768: { | 5290 | 768: { | |||
| 5291 | items: 4, | 5291 | items: 4, | |||
| 5292 | }, | 5292 | }, | |||
| 5293 | 992: { | 5293 | 992: { | |||
| 5294 | items: 5, | 5294 | items: 5, | |||
| 5295 | }, | 5295 | }, | |||
| 5296 | 1200: { | 5296 | 1200: { | |||
| 5297 | items: 6, | 5297 | items: 6, | |||
| 5298 | }, | 5298 | }, | |||
| 5299 | }, | 5299 | }, | |||
| 5300 | }); | 5300 | }); | |||
| 5301 | }); | 5301 | }); | |||
| 5302 | </script> | 5302 | </script> | |||
| 5303 | </div> | 5303 | </div> | |||
| 5304 | </div> | 5304 | </div> | |||
| 5305 | </div> | 5305 | </div> | |||
| 5306 | </div> | 5306 | </div> | |||
| 5307 | ]]> | 5307 | ]]> | |||
| 5308 | </content> | 5308 | </content> | |||
| 5309 | 5309 | |||||
| 5310 | <is_active> | 5310 | <is_active> | |||
| 5311 | 1 | 5311 | 1 | |||
| 5312 | </is_active> | 5312 | </is_active> | |||
| 5313 | 5313 | |||||
| 5314 | <page_layout> | 5314 | <page_layout> | |||
| 5315 | 1column | 5315 | 1column | |||
| 5316 | </page_layout> | 5316 | </page_layout> | |||
| 5317 | 5317 | |||||
| 5318 | <layout_update_xml> | 5318 | <layout_update_xml> | |||
| 5319 | <![CDATA[]]> | 5319 | <![CDATA[]]> | |||
| 5320 | </layout_update_xml> | 5320 | </layout_update_xml> | |||
| 5321 | 5321 | |||||
| 5322 | </cms_item> | 5322 | </cms_item> | |||
| 5323 | 5323 | |||||
| 5324 | <cms_item> | 5324 | <cms_item> | |||
| 5325 | 5325 | |||||
| 5326 | <title> | 5326 | <title> | |||
| 5327 | Porto - Homepage 10 | 5327 | Porto - Homepage 10 | |||
| 5328 | </title> | 5328 | </title> | |||
| 5329 | 5329 | |||||
| 5330 | <identifier> | 5330 | <identifier> | |||
| 5331 | porto_home_10 | 5331 | porto_home_10 | |||
| 5332 | </identifier> | 5332 | </identifier> | |||
| 5333 | 5333 | |||||
| 5334 | <content> | 5334 | <content> | |||
| 5335 | <![CDATA[<style> | 5335 | <![CDATA[<style> | |||
| 5336 | .columns .column.main { | 5336 | .columns .column.main { | |||
| 5337 | padding-bottom: 0; | 5337 | padding-bottom: 0; | |||
| 5338 | } | 5338 | } | |||
| 5339 | .cms-index-index.layout-fullwidth .page-main { | 5339 | .cms-index-index.layout-fullwidth .page-main { | |||
| 5340 | padding: 0; | 5340 | padding: 0; | |||
| 5341 | } | 5341 | } | |||
| 5342 | </style> | 5342 | </style> | |||
| 5343 | <div class="row home-banner no-padding"> | 5343 | <div class="row home-banner no-padding"> | |||
| 5344 | <div class="col-md-12"> | 5344 | <div class="col-md-12"> | |||
| 5345 | <div class="wpb_wrapper vc_column-inner"> | 5345 | <div class="wpb_wrapper vc_column-inner"> | |||
| 5346 | <div id="home-banner-demo10" class="porto-carousel owl-carousel has-ccols ccols-1 nav-pos-inside nav-style-4 show-nav-hover"> | 5346 | <div id="home-banner-demo10" class="porto-carousel owl-carousel has-ccols ccols-1 nav-pos-inside nav-style-4 show-nav-hover"> | |||
| 5347 | <div class="porto-ibanner mb-0" style="min-height: 100vh;"> | 5347 | <div class="porto-ibanner mb-0" style="min-height: 100vh;"> | |||
| 5348 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/10/shop10_home_slide1.jpg"}}" /> | 5348 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/10/shop10_home_slide1.jpg"}}" /> | |||
| 5349 | <div class="porto-ibanner-desc no-padding d-flex"> | 5349 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 5350 | <div class="porto-ibanner-layer" style="left: 10%; top: 50%; transform: translateY(-50%);"> | 5350 | <div class="porto-ibanner-layer" style="left: 10%; top: 50%; transform: translateY(-50%);"> | |||
| 5351 | <h4 style="font-size: 1.25em; color: rgba(34, 37, 41, 0.7); line-height: 1; font-weight: 500; letter-spacing: 0.05em;" class="vc_custom_heading mb-3 align-left text-uppercase"> | 5351 | <h4 style="font-size: 1.25em; color: rgba(34, 37, 41, 0.7); line-height: 1; font-weight: 500; letter-spacing: 0.05em;" class="vc_custom_heading mb-3 align-left text-uppercase"> | |||
| 5352 | NEW ARRIVALS! | 5352 | NEW ARRIVALS! | |||
| 5353 | </h4> | 5353 | </h4> | |||
| 5354 | <div class="wpb_content_element vc_align_left max-width-100 mb-2"> | 5354 | <div class="wpb_content_element vc_align_left max-width-100 mb-2"> | |||
| 5355 | <div class="wpb_wrapper"> | 5355 | <div class="wpb_wrapper"> | |||
| 5356 | <div class="vc_single_image-wrapper vc_box_border_grey"> | 5356 | <div class="vc_single_image-wrapper vc_box_border_grey"> | |||
| 5357 | <img width="503" height="113" src="{{media url="wysiwyg/smartwave/porto/homepage/10/shop10_banner_text.png"}}" /> | 5357 | <img width="503" height="113" src="{{media url="wysiwyg/smartwave/porto/homepage/10/shop10_banner_text.png"}}" /> | |||
| 5358 | </div> | 5358 | </div> | |||
| 5359 | </div> | 5359 | </div> | |||
| 5360 | </div> | 5360 | </div> | |||
| 5361 | <h2 style="font-size: 6.5em; line-height: 1; letter-spacing: 0.13em;" class="vc_custom_heading mb-3 align-left"> | 5361 | <h2 style="font-size: 6.5em; line-height: 1; letter-spacing: 0.13em;" class="vc_custom_heading mb-3 align-left"> | |||
| 5362 | 70% OFF | 5362 | 70% OFF | |||
| 5363 | </h2> | 5363 | </h2> | |||
| 5364 | <div class="btn-container mb-0 d-inline-block"> | 5364 | <div class="btn-container mb-0 d-inline-block"> | |||
| 5365 | <button class="btn btn-flat btn-xl btn-light">SHOP NOW <i class="fas fa-chevron-right" style="padding-left: 7px;"></i></button> | 5365 | <button class="btn btn-flat btn-xl btn-light">SHOP NOW <i class="fas fa-chevron-right" style="padding-left: 7px;"></i></button> | |||
| 5366 | </div> | 5366 | </div> | |||
| 5367 | </div> | 5367 | </div> | |||
| 5368 | </div> | 5368 | </div> | |||
| 5369 | </div> | 5369 | </div> | |||
| 5370 | <div class="porto-ibanner mb-0" style="min-height: 100vh;"> | 5370 | <div class="porto-ibanner mb-0" style="min-height: 100vh;"> | |||
| 5371 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/10/shop10_home_slider2.jpg"}}" /> | 5371 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/10/shop10_home_slider2.jpg"}}" /> | |||
| 5372 | <div class="porto-ibanner-desc no-padding d-flex"> | 5372 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 5373 | <div class="porto-ibanner-layer" style="right: 10%; top: 50%; transform: translateY(-50%);"> | 5373 | <div class="porto-ibanner-layer" style="right: 10%; top: 50%; transform: translateY(-50%);"> | |||
| 5374 | <h4 style="font-size: 1.25em; color: rgba(34, 37, 41, 0.7); line-height: 1; font-weight: 500; letter-spacing: 0.05em;" class="vc_custom_heading mb-3 align-right text-uppercase">NEW ARRIVALS!</h4> | 5374 | <h4 style="font-size: 1.25em; color: rgba(34, 37, 41, 0.7); line-height: 1; font-weight: 500; letter-spacing: 0.05em;" class="vc_custom_heading mb-3 align-right text-uppercase">NEW ARRIVALS!</h4> | |||
| 5375 | <div class="wpb_single_image wpb_content_element vc_align_right max-width-100 mb-2 ml-auto"> | 5375 | <div class="wpb_single_image wpb_content_element vc_align_right max-width-100 mb-2 ml-auto"> | |||
| 5376 | <div class="wpb_wrapper"> | 5376 | <div class="wpb_wrapper"> | |||
| 5377 | <div class="vc_single_image-wrapper vc_box_border_grey"> | 5377 | <div class="vc_single_image-wrapper vc_box_border_grey"> | |||
| 5378 | <img width="503" height="113" src="{{media url="wysiwyg/smartwave/porto/homepage/10/shop10_banner_text2.png"}}" /> | 5378 | <img width="503" height="113" src="{{media url="wysiwyg/smartwave/porto/homepage/10/shop10_banner_text2.png"}}" /> | |||
| 5379 | </div> | 5379 | </div> | |||
| 5380 | </div> | 5380 | </div> | |||
| 5381 | </div> | 5381 | </div> | |||
| 5382 | <h2 style="font-size: 6.5em; line-height: 1; letter-spacing: 0.118em;" class="vc_custom_heading mb-3 m-r-n-sm align-right">50% OFF</h2> | 5382 | <h2 style="font-size: 6.5em; line-height: 1; letter-spacing: 0.118em;" class="vc_custom_heading mb-3 m-r-n-sm align-right">50% OFF</h2> | |||
| 5383 | <div class="btn-container mb-0 text-right"> | 5383 | <div class="btn-container mb-0 text-right"> | |||
| 5384 | <button class="btn btn-flat btn-xl btn-light">SHOP NOW <i class="fas fa-chevron-right" style="padding-left: 7px;"></i></button> | 5384 | <button class="btn btn-flat btn-xl btn-light">SHOP NOW <i class="fas fa-chevron-right" style="padding-left: 7px;"></i></button> | |||
| 5385 | </div> | 5385 | </div> | |||
| 5386 | </div> | 5386 | </div> | |||
| 5387 | </div> | 5387 | </div> | |||
| 5388 | </div> | 5388 | </div> | |||
| 5389 | </div> | 5389 | </div> | |||
| 5390 | <style> | 5390 | <style> | |||
| 5391 | .porto-ibanner-layer { | 5391 | .porto-ibanner-layer { | |||
| 5392 | position: absolute; | 5392 | position: absolute; | |||
| 5393 | } | 5393 | } | |||
| 5394 | .owl-carousel .owl-item .porto-ibanner-layer img { | 5394 | .owl-carousel .owl-item .porto-ibanner-layer img { | |||
| 5395 | display: inline-block; | 5395 | display: inline-block; | |||
| 5396 | height: auto; | 5396 | height: auto; | |||
| 5397 | max-width: 100%; | 5397 | max-width: 100%; | |||
| 5398 | vertical-align: top; | 5398 | vertical-align: top; | |||
| 5399 | width: auto; | 5399 | width: auto; | |||
| 5400 | } | 5400 | } | |||
| 5401 | .porto-ibanner-layer .btn-flat.btn-xl { | 5401 | .porto-ibanner-layer .btn-flat.btn-xl { | |||
| 5402 | font-size: 1.125em; | 5402 | font-size: 1.125em; | |||
| 5403 | } | 5403 | } | |||
| 5404 | .m-r-n-sm { | 5404 | .m-r-n-sm { | |||
| 5405 | margin-right: -10px!important; | 5405 | margin-right: -10px!important; | |||
| 5406 | } | 5406 | } | |||
| 5407 | .max-width-100 { | 5407 | .max-width-100 { | |||
| 5408 | max-width: fit-content; | 5408 | max-width: fit-content; | |||
| 5409 | } | 5409 | } | |||
| 5410 | </style> | 5410 | </style> | |||
| 5411 | <script type="text/javascript"> | 5411 | <script type="text/javascript"> | |||
| 5412 | require([ | 5412 | require([ | |||
| 5413 | 'jquery', | 5413 | 'jquery', | |||
| 5414 | 'owl.carousel/owl.carousel.min' | 5414 | 'owl.carousel/owl.carousel.min' | |||
| 5415 | ], function ($) { | 5415 | ], function ($) { | |||
| 5416 | var banner_owl = $("#home-banner-demo10.owl-carousel"); | 5416 | var banner_owl = $("#home-banner-demo10.owl-carousel"); | |||
| 5417 | banner_owl.owlCarousel({ | 5417 | banner_owl.owlCarousel({ | |||
| 5418 | items: 1, | 5418 | items: 1, | |||
| 5419 | autoplay: false, | 5419 | autoplay: false, | |||
| 5420 | autoplayTimeout: 5000, | 5420 | autoplayTimeout: 5000, | |||
| 5421 | autoplayHoverPause: true, | 5421 | autoplayHoverPause: true, | |||
| 5422 | dots: false, | 5422 | dots: false, | |||
| 5423 | nav: true, | 5423 | nav: true, | |||
| 5424 | navRewind: true, | 5424 | navRewind: true, | |||
| 5425 | animateIn: 'fadeIn', | 5425 | animateIn: 'fadeIn', | |||
| 5426 | animateOut: 'fadeOut', | 5426 | animateOut: 'fadeOut', | |||
| 5427 | loop: true, | 5427 | loop: true, | |||
| 5428 | lazyLoad: true | 5428 | lazyLoad: true | |||
| 5429 | }); | 5429 | }); | |||
| 5430 | }); | 5430 | }); | |||
| 5431 | </script> | 5431 | </script> | |||
| 5432 | </div> | 5432 | </div> | |||
| 5433 | </div> | 5433 | </div> | |||
| 5434 | </div> | 5434 | </div> | |||
| 5435 | <div class="container"> | 5435 | <div class="container"> | |||
| 5436 | <div class="row" style="padding-top: 30px;"> | 5436 | <div class="row" style="padding-top: 30px;"> | |||
| 5437 | <div class="col-md-12"> | 5437 | <div class="col-md-12"> | |||
| 5438 | <div class="wpb_wrapper vc_column-inner"> | 5438 | <div class="wpb_wrapper vc_column-inner"> | |||
| 5439 | <div class="porto-products wpb_content_element title-border-bottom" style="margin-bottom: 55px;"> | 5439 | <div class="porto-products wpb_content_element title-border-bottom" style="margin-bottom: 55px;"> | |||
| 5440 | <h2 class="section-title"><span class="inline-title">FEATURED PRODUCTS</span><span class="line"></span></h2> | 5440 | <h2 class="section-title"><span class="inline-title">FEATURED PRODUCTS</span><span class="line"></span></h2> | |||
| 5441 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="masonry_5" product_count="10" aspect_ratio="0" image_width="300" image_height="300" masonry_layout="5" product_type="11" gap_width="20" grid_height="600" template="masonry_grid.phtml"}} | 5441 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="masonry_5" product_count="10" aspect_ratio="0" image_width="300" image_height="300" masonry_layout="5" product_type="11" gap_width="20" grid_height="600" template="masonry_grid.phtml"}} | |||
| 5442 | <style> | 5442 | <style> | |||
| 5443 | .product-item-info.type11 .product.details.product-item-details { | 5443 | .product-item-info.type11 .product.details.product-item-details { | |||
| 5444 | opacity: 1; | 5444 | opacity: 1; | |||
| 5445 | visibility: visible; | 5445 | visibility: visible; | |||
| 5446 | } | 5446 | } | |||
| 5447 | </style> | 5447 | </style> | |||
| 5448 | </div> | 5448 | </div> | |||
| 5449 | <div id="just-products" class="porto-products wpb_content_element title-border-bottom"> | 5449 | <div id="just-products" class="porto-products wpb_content_element title-border-bottom"> | |||
| 5450 | <h2 class="section-title slider-title"><span class="inline-title">JUST ARRIVED</span><span class="line"></span></h2> | 5450 | <h2 class="section-title slider-title"><span class="inline-title">JUST ARRIVED</span><span class="line"></span></h2> | |||
| 5451 | <div class="slider-wrapper"> | 5451 | <div class="slider-wrapper"> | |||
| 5452 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" extra_class="show-dots-title-right dots-style-1" product_count="8" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | 5452 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" extra_class="show-dots-title-right dots-style-1" product_count="8" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||
| 5453 | <script type="text/javascript"> | 5453 | <script type="text/javascript"> | |||
| 5454 | require([ | 5454 | require([ | |||
| 5455 | 'jquery', | 5455 | 'jquery', | |||
| 5456 | 'owl.carousel/owl.carousel.min' | 5456 | 'owl.carousel/owl.carousel.min' | |||
| 5457 | ], function ($) { | 5457 | ], function ($) { | |||
| 5458 | $("#just-products .owl-carousel").owlCarousel({ | 5458 | $("#just-products .owl-carousel").owlCarousel({ | |||
| 5459 | autoplay: false, | 5459 | autoplay: false, | |||
| 5460 | autoplayTimeout: 5000, | 5460 | autoplayTimeout: 5000, | |||
| 5461 | autoplayHoverPause: true, | 5461 | autoplayHoverPause: true, | |||
| 5462 | loop: true, | 5462 | loop: true, | |||
| 5463 | navRewind: true, | 5463 | navRewind: true, | |||
| 5464 | lazyLoad:true, | 5464 | lazyLoad:true, | |||
| 5465 | margin: 0, | 5465 | margin: 0, | |||
| 5466 | nav: false, | 5466 | nav: false, | |||
| 5467 | dots: false, | 5467 | dots: false, | |||
| 5468 | responsive: { | 5468 | responsive: { | |||
| 5469 | 0: { | 5469 | 0: { | |||
| 5470 | items:2 | 5470 | items:2 | |||
| 5471 | }, | 5471 | }, | |||
| 5472 | 640: { | 5472 | 640: { | |||
| 5473 | items:3 | 5473 | items:3 | |||
| 5474 | }, | 5474 | }, | |||
| 5475 | 768: { | 5475 | 768: { | |||
| 5476 | items:3 | 5476 | items:3 | |||
| 5477 | }, | 5477 | }, | |||
| 5478 | 992: { | 5478 | 992: { | |||
| 5479 | items:4 | 5479 | items:4 | |||
| 5480 | }, | 5480 | }, | |||
| 5481 | 1200: { | 5481 | 1200: { | |||
| 5482 | items:6 | 5482 | items:6 | |||
| 5483 | } | 5483 | } | |||
| 5484 | } | 5484 | } | |||
| 5485 | }); | 5485 | }); | |||
| 5486 | }); | 5486 | }); | |||
| 5487 | </script> | 5487 | </script> | |||
| 5488 | </div> | 5488 | </div> | |||
| 5489 | </div> | 5489 | </div> | |||
| 5490 | </div> | 5490 | </div> | |||
| 5491 | </div> | 5491 | </div> | |||
| 5492 | </div> | 5492 | </div> | |||
| 5493 | <div class="row"> | 5493 | <div class="row"> | |||
| 5494 | <div class="col-md-12"> | 5494 | <div class="col-md-12"> | |||
| 5495 | <div class="wpb_wrapper vc_column-inner"> | 5495 | <div class="wpb_wrapper vc_column-inner"> | |||
| 5496 | <div class="porto-ibanner home-mid-banner mb-5" style="min-height: 200px;"> | 5496 | <div class="porto-ibanner home-mid-banner mb-5" style="min-height: 200px;"> | |||
| 5497 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/10/shop10_home_banner.jpg"}}" /> | 5497 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/10/shop10_home_banner.jpg"}}" /> | |||
| 5498 | <div class="porto-ibanner-desc no-padding d-flex"> | 5498 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 5499 | <div class="porto-ibanner-layer text-right" style="width: 64%; left: 50%; top: 50%; transform: translate(-50%, -50%);"> | 5499 | <div class="porto-ibanner-layer text-right" style="width: 64%; left: 50%; top: 50%; transform: translate(-50%, -50%);"> | |||
| 5500 | <h4 style="font-size: 1.375em; line-height: 1;" class="vc_custom_heading mb-0 custom-font4 align-right heading-secondary"> | 5500 | <h4 style="font-size: 1.375em; line-height: 1;" class="vc_custom_heading mb-0 custom-font4 align-right heading-secondary"> | |||
| 5501 | Sunglasses, Bags, Dresses and much more... | 5501 | Sunglasses, Bags, Dresses and much more... | |||
| 5502 | </h4> | 5502 | </h4> | |||
| 5503 | <h3 style="font-size: 1.85em; line-height: 1.5; letter-spacing: -0.02em;" class="vc_custom_heading coupon-sale-text my-2 align-right"><b>BIG SALE</b> ALL NEW FASHION BRANDS ITEMS UP TO 70% OFF</h3> | 5503 | <h3 style="font-size: 1.85em; line-height: 1.5; letter-spacing: -0.02em;" class="vc_custom_heading coupon-sale-text my-2 align-right"><b>BIG SALE</b> ALL NEW FASHION BRANDS ITEMS UP TO 70% OFF</h3> | |||
| 5504 | <div class="btn-container mb-0 text-right"> | 5504 | <div class="btn-container mb-0 text-right"> | |||
| 5505 | <button class="btn btn-flat btn-xl btn-light">SHOP NOW <i class="fas fa-chevron-right" style="padding-left: 7px;"></i></button> | 5505 | <button class="btn btn-flat btn-xl btn-light">SHOP NOW <i class="fas fa-chevron-right" style="padding-left: 7px;"></i></button> | |||
| 5506 | </div> | 5506 | </div> | |||
| 5507 | </div> | 5507 | </div> | |||
| 5508 | </div> | 5508 | </div> | |||
| 5509 | </div> | 5509 | </div> | |||
| 5510 | <style> | 5510 | <style> | |||
| 5511 | .coupon-sale-text { | 5511 | .coupon-sale-text { | |||
| 5512 | transform: none; | 5512 | transform: none; | |||
| 5513 | } | 5513 | } | |||
| 5514 | .coupon-sale-text b { | 5514 | .coupon-sale-text b { | |||
| 5515 | display: inline-block; | 5515 | display: inline-block; | |||
| 5516 | position: relative; | 5516 | position: relative; | |||
| 5517 | color: #fff; | 5517 | color: #fff; | |||
| 5518 | margin-right: 1em; | 5518 | margin-right: 1em; | |||
| 5519 | padding: 0; | 5519 | padding: 0; | |||
| 5520 | font-size: inherit; | 5520 | font-size: inherit; | |||
| 5521 | } | 5521 | } | |||
| 5522 | .coupon-sale-text b:before { | 5522 | .coupon-sale-text b:before { | |||
| 5523 | content: ''; | 5523 | content: ''; | |||
| 5524 | position: absolute; | 5524 | position: absolute; | |||
| 5525 | left: -.5em; | 5525 | left: -.5em; | |||
| 5526 | top: -.1em; | 5526 | top: -.1em; | |||
| 5527 | right: -.5em; | 5527 | right: -.5em; | |||
| 5528 | bottom: -.1em; | 5528 | bottom: -.1em; | |||
| 5529 | background: #222529; | 5529 | background: #222529; | |||
| 5530 | z-index: -1; | 5530 | z-index: -1; | |||
| 5531 | transform: rotate( | 5531 | transform: rotate( | |||
| 5532 | -1.5deg | 5532 | -1.5deg | |||
| 5533 | ) skew( | 5533 | ) skew( | |||
| 5534 | 1.5deg | 5534 | 1.5deg | |||
| 5535 | ); | 5535 | ); | |||
| 5536 | } | 5536 | } | |||
| 5537 | </style> | 5537 | </style> | |||
| 5538 | </div> | 5538 | </div> | |||
| 5539 | </div> | 5539 | </div> | |||
| 5540 | </div> | 5540 | </div> | |||
| 5541 | <div class="row"> | 5541 | <div class="row"> | |||
| 5542 | <div class="col-md-12"> | 5542 | <div class="col-md-12"> | |||
| 5543 | <div class="wpb_wrapper vc_column-inner"> | 5543 | <div class="wpb_wrapper vc_column-inner"> | |||
| 5544 | <div class="porto-products wpb_content_element archive-products title-border-bottom"> | 5544 | <div class="porto-products wpb_content_element archive-products title-border-bottom"> | |||
| 5545 | <h2 class="section-title"><span class="inline-title">POPULAR PRODUCTS</span><span class="line"></span></h2> | 5545 | <h2 class="section-title"><span class="inline-title">POPULAR PRODUCTS</span><span class="line"></span></h2> | |||
| 5546 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" product_type="3" product_count="6" column_count="6" aspect_ratio="0" image_width="350" image_height="350" template="grid.phtml"}} | 5546 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" product_type="3" product_count="6" column_count="6" aspect_ratio="0" image_width="350" image_height="350" template="grid.phtml"}} | |||
| 5547 | <div class="load-more text-center" style="margin: 20px 0 47px;"> | 5547 | <div class="load-more text-center" style="margin: 20px 0 47px;"> | |||
| 5548 | <a class="btn btn-modern btn-dark" href="#" style="padding: 14px 40px;font-size: 13px;line-height: 1.3333;">Show More...</a> | 5548 | <a class="btn btn-modern btn-dark" href="#" style="padding: 14px 40px;font-size: 13px;line-height: 1.3333;">Show More...</a> | |||
| 5549 | </div> | 5549 | </div> | |||
| 5550 | </div> | 5550 | </div> | |||
| 5551 | </div> | 5551 | </div> | |||
| 5552 | </div> | 5552 | </div> | |||
| 5553 | </div> | 5553 | </div> | |||
| 5554 | </div>]]> | 5554 | </div>]]> | |||
| 5555 | </content> | 5555 | </content> | |||
| 5556 | 5556 | |||||
| 5557 | <is_active> | 5557 | <is_active> | |||
| 5558 | 1 | 5558 | 1 | |||
| 5559 | </is_active> | 5559 | </is_active> | |||
| 5560 | 5560 | |||||
| 5561 | <page_layout> | 5561 | <page_layout> | |||
| 5562 | 1column | 5562 | 1column | |||
| 5563 | </page_layout> | 5563 | </page_layout> | |||
| 5564 | 5564 | |||||
| 5565 | <layout_update_xml> | 5565 | <layout_update_xml> | |||
| 5566 | <![CDATA[]]> | 5566 | <![CDATA[]]> | |||
| 5567 | </layout_update_xml> | 5567 | </layout_update_xml> | |||
| 5568 | 5568 | |||||
| 5569 | </cms_item> | 5569 | </cms_item> | |||
| 5570 | 5570 | |||||
| 5571 | <cms_item> | 5571 | <cms_item> | |||
| 5572 | 5572 | |||||
| 5573 | <title> | 5573 | <title> | |||
| 5574 | Porto - Homepage 11 | 5574 | Porto - Homepage 11 | |||
| 5575 | </title> | 5575 | </title> | |||
| 5576 | 5576 | |||||
| 5577 | <identifier> | 5577 | <identifier> | |||
| 5578 | porto_home_11 | 5578 | porto_home_11 | |||
| 5579 | </identifier> | 5579 | </identifier> | |||
| 5580 | 5580 | |||||
| 5581 | <content> | 5581 | <content> | |||
| 5582 | <![CDATA[<style> | 5582 | <![CDATA[<style> | |||
| 5583 | .columns .column.main { | 5583 | .columns .column.main { | |||
| 5584 | padding-bottom: 0; | 5584 | padding-bottom: 0; | |||
| 5585 | } | 5585 | } | |||
| 5586 | .page-header.type9 { | 5586 | .page-header.type9 { | |||
| 5587 | position: absolute; | 5587 | position: absolute; | |||
| 5588 | width: 100%; | 5588 | width: 100%; | |||
| 5589 | top: 0; | 5589 | top: 0; | |||
| 5590 | background: none; | 5590 | background: none; | |||
| 5591 | } | 5591 | } | |||
| 5592 | .page-header.type9:not(.sticky-header) .header-main { | 5592 | .page-header.type9:not(.sticky-header) .header-main { | |||
| 5593 | background: none; | 5593 | background: none; | |||
| 5594 | } | 5594 | } | |||
| 5595 | .fullscreen-carousel { | 5595 | .fullscreen-carousel { | |||
| 5596 | height: 100vh; | 5596 | height: 100vh; | |||
| 5597 | position: relative; | 5597 | position: relative; | |||
| 5598 | max-height: 804px; | 5598 | max-height: 804px; | |||
| 5599 | } | 5599 | } | |||
| 5600 | .fullscreen-carousel .owl-carousel:not(.owl-loaded)>*, .fullscreen-carousel .owl-item>* { | 5600 | .fullscreen-carousel .owl-carousel:not(.owl-loaded)>*, .fullscreen-carousel .owl-item>* { | |||
| 5601 | height: 100vh; | 5601 | height: 100vh; | |||
| 5602 | } | 5602 | } | |||
| 5603 | .fullscreen-carousel .owl-item .porto-ultimate-content-box { | 5603 | .fullscreen-carousel .owl-item .porto-ultimate-content-box { | |||
| 5604 | height: 100%; | 5604 | height: 100%; | |||
| 5605 | } | 5605 | } | |||
| 5606 | .fullscreen-carousel .owl-item .porto-ultimate-content-box-container { | 5606 | .fullscreen-carousel .owl-item .porto-ultimate-content-box-container { | |||
| 5607 | max-height: 804px; | 5607 | max-height: 804px; | |||
| 5608 | } | 5608 | } | |||
| 5609 | .coupon-sale-text { | 5609 | .coupon-sale-text { | |||
| 5610 | position: relative; | 5610 | position: relative; | |||
| 5611 | padding-left: .265em; | 5611 | padding-left: .265em; | |||
| 5612 | transform: none; | 5612 | transform: none; | |||
| 5613 | letter-spacing: 0; | 5613 | letter-spacing: 0; | |||
| 5614 | } | 5614 | } | |||
| 5615 | .coupon-sale-text i { | 5615 | .coupon-sale-text i { | |||
| 5616 | font-style: normal; | 5616 | font-style: normal; | |||
| 5617 | font-size: .265em; | 5617 | font-size: .265em; | |||
| 5618 | font-weight: 500; | 5618 | font-weight: 500; | |||
| 5619 | transform: translateY(-50%) rotate( | 5619 | transform: translateY(-50%) rotate( | |||
| 5620 | -90deg | 5620 | -90deg | |||
| 5621 | ); | 5621 | ); | |||
| 5622 | position: absolute; | 5622 | position: absolute; | |||
| 5623 | top: 50%; | 5623 | top: 50%; | |||
| 5624 | left: -1em; | 5624 | left: -1em; | |||
| 5625 | } | 5625 | } | |||
| 5626 | .vc_custom_heading strong { | 5626 | .vc_custom_heading strong { | |||
| 5627 | font-size: 2em; | 5627 | font-size: 2em; | |||
| 5628 | vertical-align: text-top; | 5628 | vertical-align: text-top; | |||
| 5629 | } | 5629 | } | |||
| 5630 | @media (max-width: 991px) { | 5630 | @media (max-width: 991px) { | |||
| 5631 | .porto-ultimate-content-box { | 5631 | .porto-ultimate-content-box { | |||
| 5632 | font-size: 9px; | 5632 | font-size: 9px; | |||
| 5633 | } | 5633 | } | |||
| 5634 | } | 5634 | } | |||
| 5635 | @media (max-width: 767px) { | 5635 | @media (max-width: 767px) { | |||
| 5636 | .porto-ultimate-content-box { | 5636 | .porto-ultimate-content-box { | |||
| 5637 | font-size: 7px; | 5637 | font-size: 7px; | |||
| 5638 | } | 5638 | } | |||
| 5639 | } | 5639 | } | |||
| 5640 | @media (max-width: 575px) { | 5640 | @media (max-width: 575px) { | |||
| 5641 | .porto-ultimate-content-box { | 5641 | .porto-ultimate-content-box { | |||
| 5642 | font-size: 6px; | 5642 | font-size: 6px; | |||
| 5643 | } | 5643 | } | |||
| 5644 | } | 5644 | } | |||
| 5645 | </style> | 5645 | </style> | |||
| 5646 | <div class="row home-banner-slider no-padding" style="margin-top: 60px; background-color: #9c948f;"> | 5646 | <div class="row home-banner-slider no-padding" style="margin-top: 60px; background-color: #9c948f;"> | |||
| 5647 | <div class="col-md-12"> | 5647 | <div class="col-md-12"> | |||
| 5648 | <div class="wpb_wrapper vc_column-inner"> | 5648 | <div class="wpb_wrapper vc_column-inner"> | |||
| 5649 | <div class="fullscreen-carousel"> | 5649 | <div class="fullscreen-carousel"> | |||
| 5650 | <div id="banner-slider-demo-11" class="porto-carousel owl-carousel has-ccols ccols-1 mb-0 nav-pos-inside nav-style-4 show-nav-hover"> | 5650 | <div id="banner-slider-demo-11" class="porto-carousel owl-carousel has-ccols ccols-1 mb-0 nav-pos-inside nav-style-4 show-nav-hover"> | |||
| 5651 | <div class="porto-ultimate-content-box-container"> | 5651 | <div class="porto-ultimate-content-box-container"> | |||
| 5652 | <div class="porto-ultimate-content-box has-content-pos justify-content-center porto-lazyload lazy-load-loaded" | 5652 | <div class="porto-ultimate-content-box has-content-pos justify-content-center porto-lazyload lazy-load-loaded" | |||
| 5653 | style="padding-top: 80px; | 5653 | style="padding-top: 80px; | |||
| 5654 | background-size: cover; | 5654 | background-size: cover; | |||
| 5655 | background-repeat: no-repeat; | 5655 | background-repeat: no-repeat; | |||
| 5656 | background-position: center center; | 5656 | background-position: center center; | |||
| 5657 | background-color: rgba(0, 0, 0, 0); | 5657 | background-color: rgba(0, 0, 0, 0); | |||
| 5658 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/11/shop11_home_slider1.jpg"}}'); | 5658 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/11/shop11_home_slider1.jpg"}}'); | |||
| 5659 | "> | 5659 | "> | |||
| 5660 | <div class="porto-container container inner-30 inner-lg-45"> | 5660 | <div class="porto-container container inner-30 inner-lg-45"> | |||
| 5661 | <div class="vc_row wpb_row vc_inner row"> | 5661 | <div class="vc_row wpb_row vc_inner row"> | |||
| 5662 | <div class="pl-lg-4 col-sm-9 offset-sm-3 vc_column_container col-md-9 offset-lg-5 col-lg-7 offset-md-3 col-12"> | 5662 | <div class="pl-lg-4 col-sm-9 offset-sm-3 vc_column_container col-md-9 offset-lg-5 col-lg-7 offset-md-3 col-12"> | |||
| 5663 | <div class="wpb_wrapper vc_column-inner"> | 5663 | <div class="wpb_wrapper vc_column-inner"> | |||
| 5664 | <h2 style="font-size: 4.8em; line-height: 1;" class="vc_custom_heading mb-2 align-left">New Season Dresses</h2> | 5664 | <h2 style="font-size: 4.8em; line-height: 1;" class="vc_custom_heading mb-2 align-left">New Season Dresses</h2> | |||
| 5665 | <h3 style="font-size: 11.3em; line-height: 1;" class="vc_custom_heading coupon-sale-text mb-4 align-left"><i>UP TO</i>50% OFF</h3> | 5665 | <h3 style="font-size: 11.3em; line-height: 1;" class="vc_custom_heading coupon-sale-text mb-4 align-left"><i>UP TO</i>50% OFF</h3> | |||
| 5666 | <div class="porto-separator mb-0"><hr class="separator-line align_left solid" style="background-color: #222529; height: 5px; width: 10%;" /></div> | 5666 | <div class="porto-separator mb-0"><hr class="separator-line align_left solid" style="background-color: #222529; height: 5px; width: 10%;" /></div> | |||
| 5667 | <h4 style="font-size: 2em; line-height: 1;" class="vc_custom_heading d-inline-block ls-n-20 mr-4 my-3 align-left">STARTING AT $<strong>39</strong>99</h4> | 5667 | <h4 style="font-size: 2em; line-height: 1;" class="vc_custom_heading d-inline-block ls-n-20 mr-4 my-3 align-left">STARTING AT $<strong>39</strong>99</h4> | |||
| 5668 | <div class="btn-container mb-0 d-inline-block" style="margin-left: -2px;"> | 5668 | <div class="btn-container mb-0 d-inline-block" style="margin-left: -2px;"> | |||
| 5669 | <a class="btn btn-modern btn-xl btn-light" href="#" title="Shop"> | 5669 | <a class="btn btn-modern btn-xl btn-light" href="#" title="Shop"> | |||
| 5670 | Shop Now <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i> | 5670 | Shop Now <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i> | |||
| 5671 | </a> | 5671 | </a> | |||
| 5672 | </div> | 5672 | </div> | |||
| 5673 | </div> | 5673 | </div> | |||
| 5674 | </div> | 5674 | </div> | |||
| 5675 | </div> | 5675 | </div> | |||
| 5676 | </div> | 5676 | </div> | |||
| 5677 | </div> | 5677 | </div> | |||
| 5678 | </div> | 5678 | </div> | |||
| 5679 | <div class="porto-ultimate-content-box-container"> | 5679 | <div class="porto-ultimate-content-box-container"> | |||
| 5680 | <div class="porto-ultimate-content-box has-content-pos justify-content-center" | 5680 | <div class="porto-ultimate-content-box has-content-pos justify-content-center" | |||
| 5681 | style="padding-top: 80px; | 5681 | style="padding-top: 80px; | |||
| 5682 | background-size: cover; | 5682 | background-size: cover; | |||
| 5683 | background-repeat: no-repeat; | 5683 | background-repeat: no-repeat; | |||
| 5684 | background-position: center center; | 5684 | background-position: center center; | |||
| 5685 | background-color: rgba(0, 0, 0, 0); | 5685 | background-color: rgba(0, 0, 0, 0); | |||
| 5686 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/11/shop11_home_slider2.jpg"}}'); | 5686 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/11/shop11_home_slider2.jpg"}}'); | |||
| 5687 | "> | 5687 | "> | |||
| 5688 | <div class="container inner-30 inner-lg-45"> | 5688 | <div class="container inner-30 inner-lg-45"> | |||
| 5689 | <div class="vc_row wpb_row vc_inner row"> | 5689 | <div class="vc_row wpb_row vc_inner row"> | |||
| 5690 | <div class="pl-4 col-md-9 col-xl-7 offset-lg-1 col-lg-8 col-12"> | 5690 | <div class="pl-4 col-md-9 col-xl-7 offset-lg-1 col-lg-8 col-12"> | |||
| 5691 | <div class="wpb_wrapper vc_column-inner"> | 5691 | <div class="wpb_wrapper vc_column-inner"> | |||
| 5692 | <h2 style="font-size: 4.8em; line-height: 1;" class="vc_custom_heading mb-2 align-left">New Season Dresses</h2> | 5692 | <h2 style="font-size: 4.8em; line-height: 1;" class="vc_custom_heading mb-2 align-left">New Season Dresses</h2> | |||
| 5693 | <h3 style="font-size: 11.3em; line-height: 1;" class="vc_custom_heading coupon-sale-text mb-4 align-left"><i>UP TO</i>20% OFF</h3> | 5693 | <h3 style="font-size: 11.3em; line-height: 1;" class="vc_custom_heading coupon-sale-text mb-4 align-left"><i>UP TO</i>20% OFF</h3> | |||
| 5694 | <div class="porto-separator mb-0"><hr class="separator-line align_left solid" style="background-color: #222529; height: 5px; width: 10%;" /></div> | 5694 | <div class="porto-separator mb-0"><hr class="separator-line align_left solid" style="background-color: #222529; height: 5px; width: 10%;" /></div> | |||
| 5695 | <h4 style="font-size: 2em; line-height: 1;" class="vc_custom_heading d-inline-block ls-n-20 mr-4 my-3 align-left">STARTING AT $<strong>19</strong>99</h4> | 5695 | <h4 style="font-size: 2em; line-height: 1;" class="vc_custom_heading d-inline-block ls-n-20 mr-4 my-3 align-left">STARTING AT $<strong>19</strong>99</h4> | |||
| 5696 | <div class="btn-container mb-0 d-inline-block" style="margin-left: -2px;"> | 5696 | <div class="btn-container mb-0 d-inline-block" style="margin-left: -2px;"> | |||
| 5697 | <button class="btn btn-modern btn-xl btn-light">Shop Now <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button> | 5697 | <button class="btn btn-modern btn-xl btn-light">Shop Now <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button> | |||
| 5698 | </div> | 5698 | </div> | |||
| 5699 | </div> | 5699 | </div> | |||
| 5700 | </div> | 5700 | </div> | |||
| 5701 | </div> | 5701 | </div> | |||
| 5702 | </div> | 5702 | </div> | |||
| 5703 | </div> | 5703 | </div> | |||
| 5704 | </div> | 5704 | </div> | |||
| 5705 | </div> | 5705 | </div> | |||
| 5706 | </div> | 5706 | </div> | |||
| 5707 | <script type="text/javascript"> | 5707 | <script type="text/javascript"> | |||
| 5708 | require([ | 5708 | require([ | |||
| 5709 | 'jquery', | 5709 | 'jquery', | |||
| 5710 | 'owl.carousel/owl.carousel.min' | 5710 | 'owl.carousel/owl.carousel.min' | |||
| 5711 | ], function ($) { | 5711 | ], function ($) { | |||
| 5712 | $("#banner-slider-demo-11").owlCarousel({ | 5712 | $("#banner-slider-demo-11").owlCarousel({ | |||
| 5713 | items: 1, | 5713 | items: 1, | |||
| 5714 | autoplay: false, | 5714 | autoplay: false, | |||
| 5715 | autoplayTimeout: 5000, | 5715 | autoplayTimeout: 5000, | |||
| 5716 | autoplayHoverPause: true, | 5716 | autoplayHoverPause: true, | |||
| 5717 | dots: false, | 5717 | dots: false, | |||
| 5718 | navRewind: true, | 5718 | navRewind: true, | |||
| 5719 | animateIn: 'fadeIn', | 5719 | animateIn: 'fadeIn', | |||
| 5720 | animateOut: 'fadeOut', | 5720 | animateOut: 'fadeOut', | |||
| 5721 | loop: true, | 5721 | loop: true, | |||
| 5722 | nav: true | 5722 | nav: true | |||
| 5723 | }); | 5723 | }); | |||
| 5724 | }); | 5724 | }); | |||
| 5725 | </script> | 5725 | </script> | |||
| 5726 | </div> | 5726 | </div> | |||
| 5727 | </div> | 5727 | </div> | |||
| 5728 | </div> | 5728 | </div> | |||
| 5729 | <div class="home-ads no-padding" style="background-color: #efefef;"> | 5729 | <div class="home-ads no-padding" style="background-color: #efefef;"> | |||
| 5730 | <div class="container"> | 5730 | <div class="container"> | |||
| 5731 | <div class="row no-padding"> | 5731 | <div class="row no-padding"> | |||
| 5732 | <div class="col-md-4 no-padding"> | 5732 | <div class="col-md-4 no-padding"> | |||
| 5733 | <div class="wpb_wrapper vc_column-inner"> | 5733 | <div class="wpb_wrapper vc_column-inner"> | |||
| 5734 | <div class="porto-ultimate-content-box-container"> | 5734 | <div class="porto-ultimate-content-box-container"> | |||
| 5735 | <div | 5735 | <div | |||
| 5736 | class="porto-ultimate-content-box has-content-pos justify-content-center" | 5736 | class="porto-ultimate-content-box has-content-pos justify-content-center" | |||
| 5737 | style=" | 5737 | style=" | |||
| 5738 | padding-top: 1.25rem; | 5738 | padding-top: 1.25rem; | |||
| 5739 | padding-bottom: 1.25rem; | 5739 | padding-bottom: 1.25rem; | |||
| 5740 | padding-left: 1.5rem; | 5740 | padding-left: 1.5rem; | |||
| 5741 | background-size: cover; | 5741 | background-size: cover; | |||
| 5742 | background-repeat: no-repeat; | 5742 | background-repeat: no-repeat; | |||
| 5743 | background-position: center center; | 5743 | background-position: center center; | |||
| 5744 | background-color: rgba(0, 0, 0, 0); | 5744 | background-color: rgba(0, 0, 0, 0); | |||
| 5745 | min-height: 210px; | 5745 | min-height: 210px; | |||
| 5746 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/11/shop11_ads1.jpg"}}'); | 5746 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/11/shop11_ads1.jpg"}}'); | |||
| 5747 | " | 5747 | " | |||
| 5748 | > | 5748 | > | |||
| 5749 | <h3 style="font-size: 1.375rem; line-height: 1;" class="vc_custom_heading mb-1 ls-n-20 align-left text-uppercase">Sunglasses</h3> | 5749 | <h3 style="font-size: 1.375rem; line-height: 1;" class="vc_custom_heading mb-1 ls-n-20 align-left text-uppercase">Sunglasses</h3> | |||
| 5750 | <p style="font-size: 0.8125rem; line-height: 1;" class="vc_custom_heading ls-n-20 align-left text-uppercase">16 products</p> | 5750 | <p style="font-size: 0.8125rem; line-height: 1;" class="vc_custom_heading ls-n-20 align-left text-uppercase">16 products</p> | |||
| 5751 | <div class="porto-separator"><hr class="separator-line align_left solid" style="background-color: #222529; height: 4px; width: 10%;" /></div> | 5751 | <div class="porto-separator"><hr class="separator-line align_left solid" style="background-color: #222529; height: 4px; width: 10%;" /></div> | |||
| 5752 | <div class="btn-container mb-0 d-inline-block"> | 5752 | <div class="btn-container mb-0 d-inline-block"> | |||
| 5753 | <button class="btn btn-flat btn-lg btn-light">SHOP NOW <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button> | 5753 | <button class="btn btn-flat btn-lg btn-light">SHOP NOW <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button> | |||
| 5754 | </div> | 5754 | </div> | |||
| 5755 | </div> | 5755 | </div> | |||
| 5756 | </div> | 5756 | </div> | |||
| 5757 | </div> | 5757 | </div> | |||
| 5758 | </div> | 5758 | </div> | |||
| 5759 | <div class="col-md-4 no-padding"> | 5759 | <div class="col-md-4 no-padding"> | |||
| 5760 | <div class="wpb_wrapper vc_column-inner"> | 5760 | <div class="wpb_wrapper vc_column-inner"> | |||
| 5761 | <div class="porto-ultimate-content-box-container"> | 5761 | <div class="porto-ultimate-content-box-container"> | |||
| 5762 | <div | 5762 | <div | |||
| 5763 | class="porto-ultimate-content-box has-content-pos justify-content-center" | 5763 | class="porto-ultimate-content-box has-content-pos justify-content-center" | |||
| 5764 | style=" | 5764 | style=" | |||
| 5765 | padding-top: 1.25rem; | 5765 | padding-top: 1.25rem; | |||
| 5766 | padding-bottom: 1.25rem; | 5766 | padding-bottom: 1.25rem; | |||
| 5767 | padding-left: 1.5rem; | 5767 | padding-left: 1.5rem; | |||
| 5768 | background-size: cover; | 5768 | background-size: cover; | |||
| 5769 | background-repeat: no-repeat; | 5769 | background-repeat: no-repeat; | |||
| 5770 | background-position: center center; | 5770 | background-position: center center; | |||
| 5771 | background-color: rgba(0, 0, 0, 0); | 5771 | background-color: rgba(0, 0, 0, 0); | |||
| 5772 | min-height: 210px; | 5772 | min-height: 210px; | |||
| 5773 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/11/shop11_ads2.jpg"}}'); | 5773 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/11/shop11_ads2.jpg"}}'); | |||
| 5774 | "> | 5774 | "> | |||
| 5775 | <h3 style="font-size: 1.375rem; line-height: 1;" class="vc_custom_heading mb-1 ls-n-20 align-left text-uppercase">Woman Shoes</h3> | 5775 | <h3 style="font-size: 1.375rem; line-height: 1;" class="vc_custom_heading mb-1 ls-n-20 align-left text-uppercase">Woman Shoes</h3> | |||
| 5776 | <p style="font-size: 0.8125rem; line-height: 1;" class="vc_custom_heading ls-n-20 align-left text-uppercase">12 products</p> | 5776 | <p style="font-size: 0.8125rem; line-height: 1;" class="vc_custom_heading ls-n-20 align-left text-uppercase">12 products</p> | |||
| 5777 | <div class="porto-separator"><hr class="separator-line align_left solid" style="background-color: #222529; height: 4px; width: 10%;" /></div> | 5777 | <div class="porto-separator"><hr class="separator-line align_left solid" style="background-color: #222529; height: 4px; width: 10%;" /></div> | |||
| 5778 | <div class="btn-container mb-0 d-inline-block"> | 5778 | <div class="btn-container mb-0 d-inline-block"> | |||
| 5779 | <button class="btn btn-flat btn-lg btn-light">SHOP NOW <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button> | 5779 | <button class="btn btn-flat btn-lg btn-light">SHOP NOW <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button> | |||
| 5780 | </div> | 5780 | </div> | |||
| 5781 | </div> | 5781 | </div> | |||
| 5782 | </div> | 5782 | </div> | |||
| 5783 | </div> | 5783 | </div> | |||
| 5784 | </div> | 5784 | </div> | |||
| 5785 | <div class="col-md-4 no-padding"> | 5785 | <div class="col-md-4 no-padding"> | |||
| 5786 | <div class="wpb_wrapper vc_column-inner"> | 5786 | <div class="wpb_wrapper vc_column-inner"> | |||
| 5787 | <div class="porto-ultimate-content-box-container"> | 5787 | <div class="porto-ultimate-content-box-container"> | |||
| 5788 | <div | 5788 | <div | |||
| 5789 | class="porto-ultimate-content-box has-content-pos justify-content-center" | 5789 | class="porto-ultimate-content-box has-content-pos justify-content-center" | |||
| 5790 | style="padding-top: 1.25rem; | 5790 | style="padding-top: 1.25rem; | |||
| 5791 | padding-bottom: 1.25rem; | 5791 | padding-bottom: 1.25rem; | |||
| 5792 | padding-left: 1.5rem; | 5792 | padding-left: 1.5rem; | |||
| 5793 | background-size: cover; | 5793 | background-size: cover; | |||
| 5794 | background-repeat: no-repeat; | 5794 | background-repeat: no-repeat; | |||
| 5795 | background-position: center center; | 5795 | background-position: center center; | |||
| 5796 | background-color: rgba(0, 0, 0, 0); | 5796 | background-color: rgba(0, 0, 0, 0); | |||
| 5797 | min-height: 210px; | 5797 | min-height: 210px; | |||
| 5798 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/11/shop11_ads3.jpg"}}'); | 5798 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/11/shop11_ads3.jpg"}}'); | |||
| 5799 | "> | 5799 | "> | |||
| 5800 | <h3 style="font-size: 1.375rem; line-height: 1;" class="vc_custom_heading mb-1 ls-n-20 align-left text-uppercase">Woman Bags</h3> | 5800 | <h3 style="font-size: 1.375rem; line-height: 1;" class="vc_custom_heading mb-1 ls-n-20 align-left text-uppercase">Woman Bags</h3> | |||
| 5801 | <p style="font-size: 0.8125rem; line-height: 1;" class="vc_custom_heading ls-n-20 align-left text-uppercase">38 products</p> | 5801 | <p style="font-size: 0.8125rem; line-height: 1;" class="vc_custom_heading ls-n-20 align-left text-uppercase">38 products</p> | |||
| 5802 | <div class="porto-separator"><hr class="separator-line align_left solid" style="background-color: #222529; height: 4px; width: 10%;" /></div> | 5802 | <div class="porto-separator"><hr class="separator-line align_left solid" style="background-color: #222529; height: 4px; width: 10%;" /></div> | |||
| 5803 | <div class="btn-container mb-0 d-inline-block"> | 5803 | <div class="btn-container mb-0 d-inline-block"> | |||
| 5804 | <button class="btn btn-flat btn-lg btn-light">SHOP NOW <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button> | 5804 | <button class="btn btn-flat btn-lg btn-light">SHOP NOW <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button> | |||
| 5805 | </div> | 5805 | </div> | |||
| 5806 | </div> | 5806 | </div> | |||
| 5807 | </div> | 5807 | </div> | |||
| 5808 | </div> | 5808 | </div> | |||
| 5809 | </div> | 5809 | </div> | |||
| 5810 | </div> | 5810 | </div> | |||
| 5811 | </div> | 5811 | </div> | |||
| 5812 | <style> | 5812 | <style> | |||
| 5813 | .home-ads .row>div { | 5813 | .home-ads .row>div { | |||
| 5814 | border-right: 1px solid #dedede; | 5814 | border-right: 1px solid #dedede; | |||
| 5815 | } | 5815 | } | |||
| 5816 | .home-ads .row>div:first-child { | 5816 | .home-ads .row>div:first-child { | |||
| 5817 | border-left: 1px solid #dedede; | 5817 | border-left: 1px solid #dedede; | |||
| 5818 | } | 5818 | } | |||
| 5819 | @media (max-width: 767px) { | 5819 | @media (max-width: 767px) { | |||
| 5820 | .home-ads .row>div { | 5820 | .home-ads .row>div { | |||
| 5821 | border-bottom: 1px solid #dedede; | 5821 | border-bottom: 1px solid #dedede; | |||
| 5822 | border-left: 1px solid #dedede; | 5822 | border-left: 1px solid #dedede; | |||
| 5823 | } | 5823 | } | |||
| 5824 | } | 5824 | } | |||
| 5825 | </style> | 5825 | </style> | |||
| 5826 | </div> | 5826 | </div> | |||
| 5827 | <div class="home-bar no-padding porto-inner-container"> | 5827 | <div class="home-bar no-padding porto-inner-container"> | |||
| 5828 | <div class="container"> | 5828 | <div class="container"> | |||
| 5829 | <div class="row no-padding"> | 5829 | <div class="row no-padding"> | |||
| 5830 | <div class="col-md-12 col-lg-4 no-padding"> | 5830 | <div class="col-md-12 col-lg-4 no-padding"> | |||
| 5831 | <div class="wpb_wrapper vc_column-inner"> | 5831 | <div class="wpb_wrapper vc_column-inner"> | |||
| 5832 | <div class="porto-sicon-box style_1 default-icon"> | 5832 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 5833 | <div class="porto-sicon-default"> | 5833 | <div class="porto-sicon-default"> | |||
| 5834 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 5834 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 5835 | <div class="porto-icon none" style="color: #222529; font-size: 35px; display: inline-block;"><i class="porto-icon-shipping"></i></div> | 5835 | <div class="porto-icon none" style="color: #222529; font-size: 35px; display: inline-block;"><i class="porto-icon-shipping"></i></div> | |||
| 5836 | </div> | 5836 | </div> | |||
| 5837 | </div> | 5837 | </div> | |||
| 5838 | <div class="porto-sicon-header"> | 5838 | <div class="porto-sicon-header"> | |||
| 5839 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 14px;">FREE SHIPPING & RETURN</h3> | 5839 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 14px;">FREE SHIPPING & RETURN</h3> | |||
| 5840 | <p style="font-size: 13px; line-height: 17px;">Free shipping on all orders over $99.</p> | 5840 | <p style="font-size: 13px; line-height: 17px;">Free shipping on all orders over $99.</p> | |||
| 5841 | </div> | 5841 | </div> | |||
| 5842 | </div> | 5842 | </div> | |||
| 5843 | </div> | 5843 | </div> | |||
| 5844 | </div> | 5844 | </div> | |||
| 5845 | <div class="col-md-12 col-lg-4 no-padding"> | 5845 | <div class="col-md-12 col-lg-4 no-padding"> | |||
| 5846 | <div class="wpb_wrapper vc_column-inner"> | 5846 | <div class="wpb_wrapper vc_column-inner"> | |||
| 5847 | <div class="porto-sicon-box style_1 default-icon"> | 5847 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 5848 | <div class="porto-sicon-default"> | 5848 | <div class="porto-sicon-default"> | |||
| 5849 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 5849 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 5850 | <div class="porto-icon none" style="color: #222529; font-size: 37px; display: inline-block;"><i class="porto-icon-money"></i></div> | 5850 | <div class="porto-icon none" style="color: #222529; font-size: 37px; display: inline-block;"><i class="porto-icon-money"></i></div> | |||
| 5851 | </div> | 5851 | </div> | |||
| 5852 | </div> | 5852 | </div> | |||
| 5853 | <div class="porto-sicon-header"> | 5853 | <div class="porto-sicon-header"> | |||
| 5854 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 14px;">MONEY BACK GUARANTEE</h3> | 5854 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 14px;">MONEY BACK GUARANTEE</h3> | |||
| 5855 | <p style="font-size: 13px; line-height: 17px;">100% money back guarantee</p> | 5855 | <p style="font-size: 13px; line-height: 17px;">100% money back guarantee</p> | |||
| 5856 | </div> | 5856 | </div> | |||
| 5857 | </div> | 5857 | </div> | |||
| 5858 | </div> | 5858 | </div> | |||
| 5859 | </div> | 5859 | </div> | |||
| 5860 | <div class="col-md-12 col-lg-4 no-padding"> | 5860 | <div class="col-md-12 col-lg-4 no-padding"> | |||
| 5861 | <div class="wpb_wrapper vc_column-inner"> | 5861 | <div class="wpb_wrapper vc_column-inner"> | |||
| 5862 | <div class="porto-sicon-box style_1 default-icon"> | 5862 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 5863 | <div class="porto-sicon-default"> | 5863 | <div class="porto-sicon-default"> | |||
| 5864 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 5864 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 5865 | <div class="porto-icon none" style="color: #222529; font-size: 37px; display: inline-block;"><i class="porto-icon-shipping"></i></div> | 5865 | <div class="porto-icon none" style="color: #222529; font-size: 37px; display: inline-block;"><i class="porto-icon-shipping"></i></div> | |||
| 5866 | </div> | 5866 | </div> | |||
| 5867 | </div> | 5867 | </div> | |||
| 5868 | <div class="porto-sicon-header"> | 5868 | <div class="porto-sicon-header"> | |||
| 5869 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 14px;">ONLINE SUPPORT 24/7</h3> | 5869 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 14px;">ONLINE SUPPORT 24/7</h3> | |||
| 5870 | <p style="font-size: 13px; line-height: 17px;">Lorem ipsum dolor sit amet.</p> | 5870 | <p style="font-size: 13px; line-height: 17px;">Lorem ipsum dolor sit amet.</p> | |||
| 5871 | </div> | 5871 | </div> | |||
| 5872 | </div> | 5872 | </div> | |||
| 5873 | </div> | 5873 | </div> | |||
| 5874 | </div> | 5874 | </div> | |||
| 5875 | </div> | 5875 | </div> | |||
| 5876 | </div> | 5876 | </div> | |||
| 5877 | <style> | 5877 | <style> | |||
| 5878 | .home-bar .row>div { | 5878 | .home-bar .row>div { | |||
| 5879 | padding-top: 24px; | 5879 | padding-top: 24px; | |||
| 5880 | padding-bottom: 24px; | 5880 | padding-bottom: 24px; | |||
| 5881 | border-right: 1px solid #dedede; | 5881 | border-right: 1px solid #dedede; | |||
| 5882 | border-bottom: 1px solid #dedede; | 5882 | border-bottom: 1px solid #dedede; | |||
| 5883 | } | 5883 | } | |||
| 5884 | .home-bar .row>div:first-child { | 5884 | .home-bar .row>div:first-child { | |||
| 5885 | border-left: 1px solid #dedede; | 5885 | border-left: 1px solid #dedede; | |||
| 5886 | } | 5886 | } | |||
| 5887 | .home-bar .row>div:first-child { | 5887 | .home-bar .row>div:first-child { | |||
| 5888 | border-left: 1px solid #dedede; | 5888 | border-left: 1px solid #dedede; | |||
| 5889 | } | 5889 | } | |||
| 5890 | .home-bar .porto-sicon-box { | 5890 | .home-bar .porto-sicon-box { | |||
| 5891 | justify-content: center; | 5891 | justify-content: center; | |||
| 5892 | margin-bottom: 0; | 5892 | margin-bottom: 0; | |||
| 5893 | } | 5893 | } | |||
| 5894 | @media (max-width: 991px) { | 5894 | @media (max-width: 991px) { | |||
| 5895 | .home-bar .row>div { | 5895 | .home-bar .row>div { | |||
| 5896 | border-left: 1px solid #dedede; | 5896 | border-left: 1px solid #dedede; | |||
| 5897 | } | 5897 | } | |||
| 5898 | .home-bar .porto-sicon-box { | 5898 | .home-bar .porto-sicon-box { | |||
| 5899 | justify-content: flex-start; | 5899 | justify-content: flex-start; | |||
| 5900 | padding: 0 1.5rem; | 5900 | padding: 0 1.5rem; | |||
| 5901 | } | 5901 | } | |||
| 5902 | } | 5902 | } | |||
| 5903 | </style> | 5903 | </style> | |||
| 5904 | </div> | 5904 | </div> | |||
| 5905 | <div class="vc_row wpb_row porto-inner-container" style="padding-top: 55px;padding-bottom: 30px;"> | 5905 | <div class="vc_row wpb_row porto-inner-container" style="padding-top: 55px;padding-bottom: 30px;"> | |||
| 5906 | <style> | 5906 | <style> | |||
| 5907 | .porto-u-heading .porto-u-main-heading h2 { | 5907 | .porto-u-heading .porto-u-main-heading h2 { | |||
| 5908 | padding: 0; | 5908 | padding: 0; | |||
| 5909 | margin: 0; | 5909 | margin: 0; | |||
| 5910 | } | 5910 | } | |||
| 5911 | ul.products li.product-category .thumb-info-wrapper:after { | 5911 | ul.products li.product-category .thumb-info-wrapper:after { | |||
| 5912 | background: rgba(27, 27, 23, 0); | 5912 | background: rgba(27, 27, 23, 0); | |||
| 5913 | } | 5913 | } | |||
| 5914 | ul.products li.product-category:hover .thumb-info-wrapper:after { | 5914 | ul.products li.product-category:hover .thumb-info-wrapper:after { | |||
| 5915 | background: rgba(27, 27, 23, 0.15); | 5915 | background: rgba(27, 27, 23, 0.15); | |||
| 5916 | } | 5916 | } | |||
| 5917 | ul.products li.product-category .thumb-info h3 { | 5917 | ul.products li.product-category .thumb-info h3 { | |||
| 5918 | position: relative; | 5918 | position: relative; | |||
| 5919 | padding-top: 1rem; | 5919 | padding-top: 1rem; | |||
| 5920 | padding-bottom: 1rem; | 5920 | padding-bottom: 1rem; | |||
| 5921 | margin-left: .5rem; | 5921 | margin-left: .5rem; | |||
| 5922 | margin-right: .5rem; | 5922 | margin-right: .5rem; | |||
| 5923 | font-size: .75rem; | 5923 | font-size: .75rem; | |||
| 5924 | font-weight: 600; | 5924 | font-weight: 600; | |||
| 5925 | text-transform: none; | 5925 | text-transform: none; | |||
| 5926 | line-height: 1.35; | 5926 | line-height: 1.35; | |||
| 5927 | } | 5927 | } | |||
| 5928 | ul.products li.product-category .thumb-info h3:before { | 5928 | ul.products li.product-category .thumb-info h3:before { | |||
| 5929 | content: ''; | 5929 | content: ''; | |||
| 5930 | position: absolute; | 5930 | position: absolute; | |||
| 5931 | left: 0; | 5931 | left: 0; | |||
| 5932 | top: 0; | 5932 | top: 0; | |||
| 5933 | right: 0; | 5933 | right: 0; | |||
| 5934 | bottom: 0; | 5934 | bottom: 0; | |||
| 5935 | background: #fff; | 5935 | background: #fff; | |||
| 5936 | transform: skew( | 5936 | transform: skew( | |||
| 5937 | -20deg | 5937 | -20deg | |||
| 5938 | ); | 5938 | ); | |||
| 5939 | z-index: -1; | 5939 | z-index: -1; | |||
| 5940 | } | 5940 | } | |||
| 5941 | ul.products li.product-category .thumb-info h3:after { | 5941 | ul.products li.product-category .thumb-info h3:after { | |||
| 5942 | content: '\f30b'; | 5942 | content: '\f30b'; | |||
| 5943 | font-family: 'Font Awesome 5 Free'; | 5943 | font-family: 'Font Awesome 5 Free'; | |||
| 5944 | margin-left: .25rem; | 5944 | margin-left: .25rem; | |||
| 5945 | } | 5945 | } | |||
| 5946 | .porto-products.hide-count li.product-category .thumb-info-type { | 5946 | .porto-products.hide-count li.product-category .thumb-info-type { | |||
| 5947 | display: none; | 5947 | display: none; | |||
| 5948 | } | 5948 | } | |||
| 5949 | </style> | 5949 | </style> | |||
| 5950 | <div class="porto-wrap-container container"> | 5950 | <div class="porto-wrap-container container"> | |||
| 5951 | <div class="row"> | 5951 | <div class="row"> | |||
| 5952 | <div class="col-md-12"> | 5952 | <div class="col-md-12"> | |||
| 5953 | <div class="wpb_wrapper vc_column-inner"> | 5953 | <div class="wpb_wrapper vc_column-inner"> | |||
| 5954 | <div class="porto-u-heading mb-4 text-center"> | 5954 | <div class="porto-u-heading mb-4 text-center"> | |||
| 5955 | <div class="porto-u-main-heading"><h2 style="font-weight: 700; font-size: 1.375rem; line-height: 1.1;">FEATURED PRODUCTS</h2></div> | 5955 | <div class="porto-u-main-heading"><h2 style="font-weight: 700; font-size: 1.375rem; line-height: 1.1;">FEATURED PRODUCTS</h2></div> | |||
| 5956 | <div class="porto-u-sub-heading" style="">Amazing products added recently in our catalog</div> | 5956 | <div class="porto-u-sub-heading" style="">Amazing products added recently in our catalog</div> | |||
| 5957 | </div> | 5957 | </div> | |||
| 5958 | <div class="porto-products wpb_content_element archive-products mb-5"> | 5958 | <div class="porto-products wpb_content_element archive-products mb-5"> | |||
| 5959 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_type="3" extra_class="nav-center-images-only nav-style-4" product_count="4" column_count="4" aspect_ratio="0" image_width="250" image_height="250" template="grid.phtml"}} | 5959 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_type="3" extra_class="nav-center-images-only nav-style-4" product_count="4" column_count="4" aspect_ratio="0" image_width="250" image_height="250" template="grid.phtml"}} | |||
| 5960 | <div class="load-more text-center" style="margin: 21px 0 61px;"> | 5960 | <div class="load-more text-center" style="margin: 21px 0 61px;"> | |||
| 5961 | <a class="btn btn-modern btn-dark" href="#" style="padding: 1.1em 2.6em;font-size: .875rem;line-height: 1.3333;letter-spacing: 0;border: none;">Show More...</a> | 5961 | <a class="btn btn-modern btn-dark" href="#" style="padding: 1.1em 2.6em;font-size: .875rem;line-height: 1.3333;letter-spacing: 0;border: none;">Show More...</a> | |||
| 5962 | </div> | 5962 | </div> | |||
| 5963 | </div> | 5963 | </div> | |||
| 5964 | <div class="porto-separator tall mb-5"><hr class="separator-line align_center solid" /></div> | 5964 | <div class="porto-separator tall mb-5"><hr class="separator-line align_center solid" /></div> | |||
| 5965 | <div class="porto-u-heading mb-4 text-center"> | 5965 | <div class="porto-u-heading mb-4 text-center"> | |||
| 5966 | <div class="porto-u-main-heading"><h2 style="font-weight: 700; font-size: 1.375rem; line-height: 1.1;">BROWSE CATEGORIES</h2></div> | 5966 | <div class="porto-u-main-heading"><h2 style="font-weight: 700; font-size: 1.375rem; line-height: 1.1;">BROWSE CATEGORIES</h2></div> | |||
| 5967 | <div class="porto-u-sub-heading" style="">Amazing categories with only top fashion products</div> | 5967 | <div class="porto-u-sub-heading" style="">Amazing categories with only top fashion products</div> | |||
| 5968 | </div> | 5968 | </div> | |||
| 5969 | <div class="category-slider porto-products wpb_content_element mb-2 hide-count"> | 5969 | <div class="category-slider porto-products wpb_content_element mb-2 hide-count"> | |||
| 5970 | <div class="slider-wrapper"> | 5970 | <div class="slider-wrapper"> | |||
| 5971 | <div class="columns-5"> | 5971 | <div class="columns-5"> | |||
| 5972 | <ul class="products products-container products-slider owl-carousel category-pos-bottom category-text-center category-color-dark nav-pos-outside nav-style-4 show-nav-hover"> | 5972 | <ul class="products products-container products-slider owl-carousel category-pos-bottom category-text-center category-color-dark nav-pos-outside nav-style-4 show-nav-hover"> | |||
| 5973 | <li class="product-category product-col"> | 5973 | <li class="product-category product-col"> | |||
| 5974 | <a href="#"> | 5974 | <a href="#"> | |||
| 5975 | <span class="thumb-info align-center"> | 5975 | <span class="thumb-info align-center"> | |||
| 5976 | <span class="thumb-info-wrapper tf-none"> | 5976 | <span class="thumb-info-wrapper tf-none"> | |||
| 5977 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/11/shop11_cat4.jpg"}}" /> | 5977 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/11/shop11_cat4.jpg"}}" /> | |||
| 5978 | </span> | 5978 | </span> | |||
| 5979 | <span class="thumb-info-wrap"> | 5979 | <span class="thumb-info-wrap"> | |||
| 5980 | <span class="thumb-info-title"> | 5980 | <span class="thumb-info-title"> | |||
| 5981 | <h3 class="sub-title thumb-info-inner">Accessories</h3> | 5981 | <h3 class="sub-title thumb-info-inner">Accessories</h3> | |||
| 5982 | <span class="thumb-info-type"> <mark class="count">5</mark> Products </span> | 5982 | <span class="thumb-info-type"> <mark class="count">5</mark> Products </span> | |||
| 5983 | </span> | 5983 | </span> | |||
| 5984 | </span> | 5984 | </span> | |||
| 5985 | </span> | 5985 | </span> | |||
| 5986 | </a> | 5986 | </a> | |||
| 5987 | </li> | 5987 | </li> | |||
| 5988 | <li class="product-category product-col"> | 5988 | <li class="product-category product-col"> | |||
| 5989 | <a href="#"> | 5989 | <a href="#"> | |||
| 5990 | <span class="thumb-info align-center"> | 5990 | <span class="thumb-info align-center"> | |||
| 5991 | <span class="thumb-info-wrapper tf-none"> | 5991 | <span class="thumb-info-wrapper tf-none"> | |||
| 5992 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/11/shop11_cat2.jpg"}}" /> | 5992 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/11/shop11_cat2.jpg"}}" /> | |||
| 5993 | </span> | 5993 | </span> | |||
| 5994 | <span class="thumb-info-wrap"> | 5994 | <span class="thumb-info-wrap"> | |||
| 5995 | <span class="thumb-info-title"> | 5995 | <span class="thumb-info-title"> | |||
| 5996 | <h3 class="sub-title thumb-info-inner">Caps</h3> | 5996 | <h3 class="sub-title thumb-info-inner">Caps</h3> | |||
| 5997 | <span class="thumb-info-type"> <mark class="count">1</mark> Products </span> | 5997 | <span class="thumb-info-type"> <mark class="count">1</mark> Products </span> | |||
| 5998 | </span> | 5998 | </span> | |||
| 5999 | </span> | 5999 | </span> | |||
| 6000 | </span> | 6000 | </span> | |||
| 6001 | </a> | 6001 | </a> | |||
| 6002 | </li> | 6002 | </li> | |||
| 6003 | <li class="product-category product-col"> | 6003 | <li class="product-category product-col"> | |||
| 6004 | <a href="#"> | 6004 | <a href="#"> | |||
| 6005 | <span class="thumb-info align-center"> | 6005 | <span class="thumb-info align-center"> | |||
| 6006 | <span class="thumb-info-wrapper tf-none"> | 6006 | <span class="thumb-info-wrapper tf-none"> | |||
| 6007 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/11/shop11_cat3.jpg"}}" /> | 6007 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/11/shop11_cat3.jpg"}}" /> | |||
| 6008 | </span> | 6008 | </span> | |||
| 6009 | <span class="thumb-info-wrap"> | 6009 | <span class="thumb-info-wrap"> | |||
| 6010 | <span class="thumb-info-title"> | 6010 | <span class="thumb-info-title"> | |||
| 6011 | <h3 class="sub-title thumb-info-inner">Dress</h3> | 6011 | <h3 class="sub-title thumb-info-inner">Dress</h3> | |||
| 6012 | <span class="thumb-info-type"> <mark class="count">4</mark> Products </span> | 6012 | <span class="thumb-info-type"> <mark class="count">4</mark> Products </span> | |||
| 6013 | </span> | 6013 | </span> | |||
| 6014 | </span> | 6014 | </span> | |||
| 6015 | </span> | 6015 | </span> | |||
| 6016 | </a> | 6016 | </a> | |||
| 6017 | </li> | 6017 | </li> | |||
| 6018 | <li class="product-category product-col"> | 6018 | <li class="product-category product-col"> | |||
| 6019 | <a href="#"> | 6019 | <a href="#"> | |||
| 6020 | <span class="thumb-info align-center"> | 6020 | <span class="thumb-info align-center"> | |||
| 6021 | <span class="thumb-info-wrapper tf-none"> | 6021 | <span class="thumb-info-wrapper tf-none"> | |||
| 6022 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/11/shop11_cat1.jpg"}}" /> | 6022 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/11/shop11_cat1.jpg"}}" /> | |||
| 6023 | </span> | 6023 | </span> | |||
| 6024 | <span class="thumb-info-wrap"> | 6024 | <span class="thumb-info-wrap"> | |||
| 6025 | <span class="thumb-info-title"> | 6025 | <span class="thumb-info-title"> | |||
| 6026 | <h3 class="sub-title thumb-info-inner">Electronics</h3> | 6026 | <h3 class="sub-title thumb-info-inner">Electronics</h3> | |||
| 6027 | <span class="thumb-info-type"> <mark class="count">1</mark> Products </span> | 6027 | <span class="thumb-info-type"> <mark class="count">1</mark> Products </span> | |||
| 6028 | </span> | 6028 | </span> | |||
| 6029 | </span> | 6029 | </span> | |||
| 6030 | </span> | 6030 | </span> | |||
| 6031 | </a> | 6031 | </a> | |||
| 6032 | </li> | 6032 | </li> | |||
| 6033 | <li class="product-category product-col"> | 6033 | <li class="product-category product-col"> | |||
| 6034 | <a href="#"> | 6034 | <a href="#"> | |||
| 6035 | <span class="thumb-info align-center"> | 6035 | <span class="thumb-info align-center"> | |||
| 6036 | <span class="thumb-info-wrapper tf-none"> | 6036 | <span class="thumb-info-wrapper tf-none"> | |||
| 6037 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/11/shop11_cat5.jpg"}}" /> | 6037 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/11/shop11_cat5.jpg"}}" /> | |||
| 6038 | </span> | 6038 | </span> | |||
| 6039 | <span class="thumb-info-wrap"> | 6039 | <span class="thumb-info-wrap"> | |||
| 6040 | <span class="thumb-info-title"> | 6040 | <span class="thumb-info-title"> | |||
| 6041 | <h3 class="sub-title thumb-info-inner">Fashion</h3> | 6041 | <h3 class="sub-title thumb-info-inner">Fashion</h3> | |||
| 6042 | <span class="thumb-info-type"> <mark class="count">11</mark> Products </span> | 6042 | <span class="thumb-info-type"> <mark class="count">11</mark> Products </span> | |||
| 6043 | </span> | 6043 | </span> | |||
| 6044 | </span> | 6044 | </span> | |||
| 6045 | </span> | 6045 | </span> | |||
| 6046 | </a> | 6046 | </a> | |||
| 6047 | </li> | 6047 | </li> | |||
| 6048 | </ul> | 6048 | </ul> | |||
| 6049 | <script type="text/javascript"> | 6049 | <script type="text/javascript"> | |||
| 6050 | require([ | 6050 | require([ | |||
| 6051 | 'jquery', | 6051 | 'jquery', | |||
| 6052 | 'owl.carousel/owl.carousel.min' | 6052 | 'owl.carousel/owl.carousel.min' | |||
| 6053 | ], function ($) { | 6053 | ], function ($) { | |||
| 6054 | $(".category-slider .owl-carousel").owlCarousel({ | 6054 | $(".category-slider .owl-carousel").owlCarousel({ | |||
| 6055 | autoplay: false, | 6055 | autoplay: false, | |||
| 6056 | autoplayTimeout: 5000, | 6056 | autoplayTimeout: 5000, | |||
| 6057 | autoplayHoverPause: true, | 6057 | autoplayHoverPause: true, | |||
| 6058 | loop: false, | 6058 | loop: false, | |||
| 6059 | navRewind: true, | 6059 | navRewind: true, | |||
| 6060 | lazyLoad:true, | 6060 | lazyLoad:true, | |||
| 6061 | margin: 0, | 6061 | margin: 0, | |||
| 6062 | nav: false, | 6062 | nav: false, | |||
| 6063 | dots: false, | 6063 | dots: false, | |||
| 6064 | responsive: { | 6064 | responsive: { | |||
| 6065 | 0: { | 6065 | 0: { | |||
| 6066 | items:2 | 6066 | items:2 | |||
| 6067 | }, | 6067 | }, | |||
| 6068 | 640: { | 6068 | 640: { | |||
| 6069 | items:2 | 6069 | items:2 | |||
| 6070 | }, | 6070 | }, | |||
| 6071 | 768: { | 6071 | 768: { | |||
| 6072 | items:3 | 6072 | items:3 | |||
| 6073 | }, | 6073 | }, | |||
| 6074 | 992: { | 6074 | 992: { | |||
| 6075 | items:4 | 6075 | items:4 | |||
| 6076 | }, | 6076 | }, | |||
| 6077 | 1200: { | 6077 | 1200: { | |||
| 6078 | items:5 | 6078 | items:5 | |||
| 6079 | } | 6079 | } | |||
| 6080 | } | 6080 | } | |||
| 6081 | }); | 6081 | }); | |||
| 6082 | }); | 6082 | }); | |||
| 6083 | </script> | 6083 | </script> | |||
| 6084 | </div> | 6084 | </div> | |||
| 6085 | </div> | 6085 | </div> | |||
| 6086 | </div> | 6086 | </div> | |||
| 6087 | </div> | 6087 | </div> | |||
| 6088 | </div> | 6088 | </div> | |||
| 6089 | </div> | 6089 | </div> | |||
| 6090 | </div> | 6090 | </div> | |||
| 6091 | </div> | 6091 | </div> | |||
| 6092 | <div class="parallax-slider text-center" style='padding-top: 7.5rem; padding-bottom: 7.5rem; background: #222529 url({{media url="wysiwyg/smartwave/porto/homepage/11/shop11_parallax_bg.jpg"}}) no-repeat center;'> | 6092 | <div class="parallax-slider text-center" style='padding-top: 7.5rem; padding-bottom: 7.5rem; background: #222529 url({{media url="wysiwyg/smartwave/porto/homepage/11/shop11_parallax_bg.jpg"}}) no-repeat center;'> | |||
| 6093 | <div class="porto-wrap-container container"> | 6093 | <div class="porto-wrap-container container"> | |||
| 6094 | <div class="row"> | 6094 | <div class="row"> | |||
| 6095 | <div class="col-md-12"> | 6095 | <div class="col-md-12"> | |||
| 6096 | <div class="wpb_wrapper vc_column-inner"> | 6096 | <div class="wpb_wrapper vc_column-inner"> | |||
| 6097 | <h2 style="font-size: 2.5rem; line-height: 1; text-align: center;" class="vc_custom_heading custom-font4 mb-0 heading-light"> | 6097 | <h2 style="font-size: 2.5rem; line-height: 1; text-align: center;" class="vc_custom_heading custom-font4 mb-0 heading-light"> | |||
| 6098 | New Season Sale | 6098 | New Season Sale | |||
| 6099 | </h2> | 6099 | </h2> | |||
| 6100 | <h3 style="font-size: 5.5rem; line-height: 1.1; text-align: center;" class="vc_custom_heading mb-2 heading-light"> | 6100 | <h3 style="font-size: 5.5rem; line-height: 1.1; text-align: center;" class="vc_custom_heading mb-2 heading-light"> | |||
| 6101 | 40% OFF | 6101 | 40% OFF | |||
| 6102 | </h3> | 6102 | </h3> | |||
| 6103 | <div class="porto-separator short pb-1"> | 6103 | <div class="porto-separator short pb-1"> | |||
| 6104 | <div class="divider divider-small align_center solid divider-small-center"><hr style="background-color: white; height: 4px;" /></div> | 6104 | <div class="divider divider-small align_center solid divider-small-center"><hr style="background-color: white; height: 4px;" /></div> | |||
| 6105 | </div> | 6105 | </div> | |||
| 6106 | <div class="btn-container mb-0 d-inline-block"> | 6106 | <div class="btn-container mb-0 d-inline-block"> | |||
| 6107 | <button class="btn btn-modern btn-lg btn-light">Shop Now <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button> | 6107 | <button class="btn btn-modern btn-lg btn-light">Shop Now <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button> | |||
| 6108 | </div> | 6108 | </div> | |||
| 6109 | </div> | 6109 | </div> | |||
| 6110 | </div> | 6110 | </div> | |||
| 6111 | </div> | 6111 | </div> | |||
| 6112 | </div> | 6112 | </div> | |||
| 6113 | </div> | 6113 | </div> | |||
| 6114 | <div class="vc_row wpb_row porto-inner-container" style="padding-top: 55px; padding-bottom: 20px;"> | 6114 | <div class="vc_row wpb_row porto-inner-container" style="padding-top: 55px; padding-bottom: 20px;"> | |||
| 6115 | <div class="porto-wrap-container container"> | 6115 | <div class="porto-wrap-container container"> | |||
| 6116 | <div class="row"> | 6116 | <div class="row"> | |||
| 6117 | <div class="col-md-12"> | 6117 | <div class="col-md-12"> | |||
| 6118 | <div class="wpb_wrapper vc_column-inner"> | 6118 | <div class="wpb_wrapper vc_column-inner"> | |||
| 6119 | <div class="porto-u-heading mb-4 text-center"> | 6119 | <div class="porto-u-heading mb-4 text-center"> | |||
| 6120 | <div class="porto-u-main-heading"><h2 style="font-weight: 700; font-size: 1.375rem; line-height: 1.1;">TOP RATED PRODUCTS</h2></div> | 6120 | <div class="porto-u-main-heading"><h2 style="font-weight: 700; font-size: 1.375rem; line-height: 1.1;">TOP RATED PRODUCTS</h2></div> | |||
| 6121 | <div class="porto-u-sub-heading" style="">Only the top rated products added recently in our catalog</div> | 6121 | <div class="porto-u-sub-heading" style="">Only the top rated products added recently in our catalog</div> | |||
| 6122 | </div> | 6122 | </div> | |||
| 6123 | <div class="porto-products wpb_content_element mb-3"> | 6123 | <div class="porto-products wpb_content_element mb-3"> | |||
| 6124 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_type="3" extra_class="nav-center-images-only nav-style-4" product_count="3" column_count="3" aspect_ratio="0" image_width="350" image_height="350" template="grid.phtml"}} | 6124 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_type="3" extra_class="nav-center-images-only nav-style-4" product_count="3" column_count="3" aspect_ratio="0" image_width="350" image_height="350" template="grid.phtml"}} | |||
| 6125 | </div> | 6125 | </div> | |||
| 6126 | <div class="porto-separator tall mb-5"><hr class="separator-line align_center solid" /></div> | 6126 | <div class="porto-separator tall mb-5"><hr class="separator-line align_center solid" /></div> | |||
| 6127 | <div class="vc_row wpb_row vc_inner row"> | 6127 | <div class="vc_row wpb_row vc_inner row"> | |||
| 6128 | <div class="col-md-4"> | 6128 | <div class="col-md-4"> | |||
| 6129 | <div class="wpb_wrapper vc_column-inner"> | 6129 | <div class="wpb_wrapper vc_column-inner"> | |||
| 6130 | <div class="wpb_content_element"> | 6130 | <div class="wpb_content_element"> | |||
| 6131 | <div class="widget widget_products"> | 6131 | <div class="widget widget_products"> | |||
| 6132 | <h2 class="widgettitle">Recently Added Products</h2> | 6132 | <h2 class="widgettitle">Recently Added Products</h2> | |||
| 6133 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}} | 6133 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}} | |||
| 6134 | </div> | 6134 | </div> | |||
| 6135 | </div> | 6135 | </div> | |||
| 6136 | </div> | 6136 | </div> | |||
| 6137 | </div> | 6137 | </div> | |||
| 6138 | <div class="col-md-4"> | 6138 | <div class="col-md-4"> | |||
| 6139 | <div class="wpb_wrapper vc_column-inner"> | 6139 | <div class="wpb_wrapper vc_column-inner"> | |||
| 6140 | <div class="wpb_content_element"> | 6140 | <div class="wpb_content_element"> | |||
| 6141 | <div class="widget widget_products"> | 6141 | <div class="widget widget_products"> | |||
| 6142 | <h2 class="widgettitle">Best Selling Products</h2> | 6142 | <h2 class="widgettitle">Best Selling Products</h2> | |||
| 6143 | {{block class="Smartwave\Filterproducts\Block\Home\BestsellersList" name="featured_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}} | 6143 | {{block class="Smartwave\Filterproducts\Block\Home\BestsellersList" name="featured_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}} | |||
| 6144 | </div> | 6144 | </div> | |||
| 6145 | </div> | 6145 | </div> | |||
| 6146 | </div> | 6146 | </div> | |||
| 6147 | </div> | 6147 | </div> | |||
| 6148 | <div class="col-md-4"> | 6148 | <div class="col-md-4"> | |||
| 6149 | <div class="wpb_wrapper vc_column-inner"> | 6149 | <div class="wpb_wrapper vc_column-inner"> | |||
| 6150 | <div class="wpb_content_element"> | 6150 | <div class="wpb_content_element"> | |||
| 6151 | <div class="widget widget_products"> | 6151 | <div class="widget widget_products"> | |||
| 6152 | <h2 class="widgettitle">Featured Products</h2> | 6152 | <h2 class="widgettitle">Featured Products</h2> | |||
| 6153 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}} | 6153 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}} | |||
| 6154 | </div> | 6154 | </div> | |||
| 6155 | </div> | 6155 | </div> | |||
| 6156 | </div> | 6156 | </div> | |||
| 6157 | </div> | 6157 | </div> | |||
| 6158 | </div> | 6158 | </div> | |||
| 6159 | </div> | 6159 | </div> | |||
| 6160 | </div> | 6160 | </div> | |||
| 6161 | </div> | 6161 | </div> | |||
| 6162 | </div> | 6162 | </div> | |||
| 6163 | </div> | 6163 | </div> | |||
| 6164 | <div class="blog-home" style="padding-top: 60px; padding-bottom: 60px; background-color: #f4f4f2;"> | 6164 | <div class="blog-home" style="padding-top: 60px; padding-bottom: 60px; background-color: #f4f4f2;"> | |||
| 6165 | <div class="container"> | 6165 | <div class="container"> | |||
| 6166 | <style> | 6166 | <style> | |||
| 6167 | .post-carousel .post-item { | 6167 | .post-carousel .post-item { | |||
| 6168 | display: flex; | 6168 | display: flex; | |||
| 6169 | align-items: center; | 6169 | align-items: center; | |||
| 6170 | } | 6170 | } | |||
| 6171 | .post-carousel .post-item > a { | 6171 | .post-carousel .post-item > a { | |||
| 6172 | display: block; | 6172 | display: block; | |||
| 6173 | margin-bottom: 0 !important; | 6173 | margin-bottom: 0 !important; | |||
| 6174 | } | 6174 | } | |||
| 6175 | .post-carousel .post-item > a img { | 6175 | .post-carousel .post-item > a img { | |||
| 6176 | width: 225px; | 6176 | width: 225px; | |||
| 6177 | height: 280px; | 6177 | height: 280px; | |||
| 6178 | object-fit: cover; | 6178 | object-fit: cover; | |||
| 6179 | max-width: none; | 6179 | max-width: none; | |||
| 6180 | object-position: center; | 6180 | object-position: center; | |||
| 6181 | } | 6181 | } | |||
| 6182 | .post-carousel .post-item .post-content { | 6182 | .post-carousel .post-item .post-content { | |||
| 6183 | display: block; | 6183 | display: block; | |||
| 6184 | margin-left: -2rem; | 6184 | margin-left: -2rem; | |||
| 6185 | position: relative; | 6185 | position: relative; | |||
| 6186 | background: #fff; | 6186 | background: #fff; | |||
| 6187 | padding: 2rem 2rem 1.5rem 2.25rem; | 6187 | padding: 2rem 2rem 1.5rem 2.25rem; | |||
| 6188 | } | 6188 | } | |||
| 6189 | .porto-recent-posts .post-item .post-date { | 6189 | .porto-recent-posts .post-item .post-date { | |||
| 6190 | display: none; | 6190 | display: none; | |||
| 6191 | } | 6191 | } | |||
| 6192 | .post-carousel .post-item .post-meta { | 6192 | .post-carousel .post-item .post-meta { | |||
| 6193 | font-size: 0.6875rem!important; | 6193 | font-size: 0.6875rem!important; | |||
| 6194 | font-weight: 700; | 6194 | font-weight: 700; | |||
| 6195 | letter-spacing: .1em; | 6195 | letter-spacing: .1em; | |||
| 6196 | background: #222529; | 6196 | background: #222529; | |||
| 6197 | color: #fff; | 6197 | color: #fff; | |||
| 6198 | padding: .125rem .5rem; | 6198 | padding: .125rem .5rem; | |||
| 6199 | text-transform: uppercase; | 6199 | text-transform: uppercase; | |||
| 6200 | display: inline-block !important; | 6200 | display: inline-block !important; | |||
| 6201 | margin-bottom: 10px; | 6201 | margin-bottom: 10px; | |||
| 6202 | } | 6202 | } | |||
| 6203 | .porto-recent-posts h4 { | 6203 | .porto-recent-posts h4 { | |||
| 6204 | font-size: 1.125rem; | 6204 | font-size: 1.125rem; | |||
| 6205 | font-weight: 600; | 6205 | font-weight: 600; | |||
| 6206 | text-transform: uppercase; | 6206 | text-transform: uppercase; | |||
| 6207 | } | 6207 | } | |||
| 6208 | .post-item .read-more, .post-item .read-more-block { | 6208 | .post-item .read-more, .post-item .read-more-block { | |||
| 6209 | text-transform: uppercase; | 6209 | text-transform: uppercase; | |||
| 6210 | font-size: .875rem; | 6210 | font-size: .875rem; | |||
| 6211 | letter-spacing: -.025em; | 6211 | letter-spacing: -.025em; | |||
| 6212 | font-weight: 700; | 6212 | font-weight: 700; | |||
| 6213 | margin-top: 15px; | 6213 | margin-top: 15px; | |||
| 6214 | } | 6214 | } | |||
| 6215 | 6215 | |||||
| 6216 | @media(max-width: 575px){ | 6216 | @media(max-width: 575px){ | |||
| 6217 | .post-carousel .post-item { | 6217 | .post-carousel .post-item { | |||
| 6218 | display: block; | 6218 | display: block; | |||
| 6219 | } | 6219 | } | |||
| 6220 | .post-carousel .post-item > a img { | 6220 | .post-carousel .post-item > a img { | |||
| 6221 | width: 100%; | 6221 | width: 100%; | |||
| 6222 | } | 6222 | } | |||
| 6223 | .post-carousel .post-item .post-content { | 6223 | .post-carousel .post-item .post-content { | |||
| 6224 | margin-left: 0; | 6224 | margin-left: 0; | |||
| 6225 | } | 6225 | } | |||
| 6226 | } | 6226 | } | |||
| 6227 | </style> | 6227 | </style> | |||
| 6228 | <div class="row"> | 6228 | <div class="row"> | |||
| 6229 | <div class="col-md-12"> | 6229 | <div class="col-md-12"> | |||
| 6230 | <div class="wpb_wrapper vc_column-inner"> | 6230 | <div class="wpb_wrapper vc_column-inner"> | |||
| 6231 | <div class="porto-u-heading mb-5" style="text-align: center;"> | 6231 | <div class="porto-u-heading mb-5" style="text-align: center;"> | |||
| 6232 | <div class="porto-u-main-heading"><h2 style="font-weight: 700; font-size: 1.375rem; line-height: 1.1;">FROM THE BLOG</h2></div> | 6232 | <div class="porto-u-main-heading"><h2 style="font-weight: 700; font-size: 1.375rem; line-height: 1.1;">FROM THE BLOG</h2></div> | |||
| 6233 | <div class="porto-u-sub-heading" style="">Only the latest news from us, stay tuned.</div> | 6233 | <div class="porto-u-sub-heading" style="">Only the latest news from us, stay tuned.</div> | |||
| 6234 | </div> | 6234 | </div> | |||
| 6235 | <div class="porto-recent-posts wpb_content_element"> | 6235 | <div class="porto-recent-posts wpb_content_element"> | |||
| 6236 | <div class="row"> | 6236 | <div class="row"> | |||
| 6237 | <div class="post-carousel porto-carousel owl-carousel"> | 6237 | <div class="post-carousel porto-carousel owl-carousel"> | |||
| 6238 | {{widget type="Magefan\Blog\Block\Widget\Recent" number_of_posts="4" custom_template="recent_home.phtml"}} | 6238 | {{widget type="Magefan\Blog\Block\Widget\Recent" number_of_posts="4" custom_template="recent_home.phtml"}} | |||
| 6239 | </div> | 6239 | </div> | |||
| 6240 | <script type="text/javascript"> | 6240 | <script type="text/javascript"> | |||
| 6241 | require([ | 6241 | require([ | |||
| 6242 | 'jquery', | 6242 | 'jquery', | |||
| 6243 | 'owl.carousel/owl.carousel.min' | 6243 | 'owl.carousel/owl.carousel.min' | |||
| 6244 | ], function ($) { | 6244 | ], function ($) { | |||
| 6245 | $(".porto-recent-posts .owl-carousel").owlCarousel({ | 6245 | $(".porto-recent-posts .owl-carousel").owlCarousel({ | |||
| 6246 | autoplay: false, | 6246 | autoplay: false, | |||
| 6247 | autoplayTimeout: 5000, | 6247 | autoplayTimeout: 5000, | |||
| 6248 | autoplayHoverPause: true, | 6248 | autoplayHoverPause: true, | |||
| 6249 | loop: false, | 6249 | loop: false, | |||
| 6250 | navRewind: true, | 6250 | navRewind: true, | |||
| 6251 | lazyLoad:true, | 6251 | lazyLoad:true, | |||
| 6252 | margin: 0, | 6252 | margin: 0, | |||
| 6253 | nav: false, | 6253 | nav: false, | |||
| 6254 | dots: false, | 6254 | dots: false, | |||
| 6255 | responsive: { | 6255 | responsive: { | |||
| 6256 | 0: { | 6256 | 0: { | |||
| 6257 | items:1 | 6257 | items:1 | |||
| 6258 | }, | 6258 | }, | |||
| 6259 | 640: { | 6259 | 640: { | |||
| 6260 | items:1 | 6260 | items:1 | |||
| 6261 | }, | 6261 | }, | |||
| 6262 | 768: { | 6262 | 768: { | |||
| 6263 | items:1 | 6263 | items:1 | |||
| 6264 | }, | 6264 | }, | |||
| 6265 | 992: { | 6265 | 992: { | |||
| 6266 | items:2 | 6266 | items:2 | |||
| 6267 | }, | 6267 | }, | |||
| 6268 | 1200: { | 6268 | 1200: { | |||
| 6269 | items:2 | 6269 | items:2 | |||
| 6270 | } | 6270 | } | |||
| 6271 | } | 6271 | } | |||
| 6272 | }); | 6272 | }); | |||
| 6273 | }); | 6273 | }); | |||
| 6274 | </script> | 6274 | </script> | |||
| 6275 | </div> | 6275 | </div> | |||
| 6276 | </div> | 6276 | </div> | |||
| 6277 | <div class="btn-container mb-0 text-center"> | 6277 | <div class="btn-container mb-0 text-center"> | |||
| 6278 | <a class="btn btn-modern btn-lg btn-dark" href="#" title="Blog">Our Blog</a> | 6278 | <a class="btn btn-modern btn-lg btn-dark" href="#" title="Blog">Our Blog</a> | |||
| 6279 | </div> | 6279 | </div> | |||
| 6280 | </div> | 6280 | </div> | |||
| 6281 | </div> | 6281 | </div> | |||
| 6282 | </div> | 6282 | </div> | |||
| 6283 | </div> | 6283 | </div> | |||
| 6284 | </div> | 6284 | </div> | |||
| 6285 | <div class="vc_row wpb_row porto-inner-container" style="padding-top: 2rem; padding-bottom: 2rem;"> | 6285 | <div class="vc_row wpb_row porto-inner-container" style="padding-top: 2rem; padding-bottom: 2rem;"> | |||
| 6286 | <div class="container"> | 6286 | <div class="container"> | |||
| 6287 | <div class="row"> | 6287 | <div class="row"> | |||
| 6288 | <div class="col-md-12"> | 6288 | <div class="col-md-12"> | |||
| 6289 | <div class="wpb_wrapper vc_column-inner"> | 6289 | <div class="wpb_wrapper vc_column-inner"> | |||
| 6290 | <div class="porto-brand"> | 6290 | <div class="porto-brand"> | |||
| 6291 | <div class="porto-carousel brand-carousel owl-carousel mb-0 nav-pos-outside nav-style-4 show-nav-hover"> | 6291 | <div class="porto-carousel brand-carousel owl-carousel mb-0 nav-pos-outside nav-style-4 show-nav-hover"> | |||
| 6292 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand1.png"}}" alt="" /></div> | 6292 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand1.png"}}" alt="" /></div> | |||
| 6293 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand2.png"}}" alt="" /></div> | 6293 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand2.png"}}" alt="" /></div> | |||
| 6294 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand3.png"}}" alt="" /></div> | 6294 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand3.png"}}" alt="" /></div> | |||
| 6295 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand4.png"}}" alt="" /></div> | 6295 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand4.png"}}" alt="" /></div> | |||
| 6296 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand5.png"}}" alt="" /></div> | 6296 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand5.png"}}" alt="" /></div> | |||
| 6297 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand6.png"}}" alt="" /></div> | 6297 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand6.png"}}" alt="" /></div> | |||
| 6298 | </div> | 6298 | </div> | |||
| 6299 | <script type="text/javascript"> | 6299 | <script type="text/javascript"> | |||
| 6300 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | 6300 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | |||
| 6301 | $(".brand-carousel.owl-carousel").owlCarousel({ | 6301 | $(".brand-carousel.owl-carousel").owlCarousel({ | |||
| 6302 | autoplay: true, | 6302 | autoplay: true, | |||
| 6303 | autoplayTimeout: 5000, | 6303 | autoplayTimeout: 5000, | |||
| 6304 | autoplayHoverPause: true, | 6304 | autoplayHoverPause: true, | |||
| 6305 | nav: true, | 6305 | nav: true, | |||
| 6306 | dots: false, | 6306 | dots: false, | |||
| 6307 | loop: false, | 6307 | loop: false, | |||
| 6308 | responsive: { | 6308 | responsive: { | |||
| 6309 | 0: { | 6309 | 0: { | |||
| 6310 | items: 2, | 6310 | items: 2, | |||
| 6311 | }, | 6311 | }, | |||
| 6312 | 640: { | 6312 | 640: { | |||
| 6313 | items: 3, | 6313 | items: 3, | |||
| 6314 | }, | 6314 | }, | |||
| 6315 | 768: { | 6315 | 768: { | |||
| 6316 | items: 4, | 6316 | items: 4, | |||
| 6317 | }, | 6317 | }, | |||
| 6318 | 992: { | 6318 | 992: { | |||
| 6319 | items: 5, | 6319 | items: 5, | |||
| 6320 | }, | 6320 | }, | |||
| 6321 | 1200: { | 6321 | 1200: { | |||
| 6322 | items: 6, | 6322 | items: 6, | |||
| 6323 | }, | 6323 | }, | |||
| 6324 | }, | 6324 | }, | |||
| 6325 | }); | 6325 | }); | |||
| 6326 | }); | 6326 | }); | |||
| 6327 | </script> | 6327 | </script> | |||
| 6328 | </div> | 6328 | </div> | |||
| 6329 | </div> | 6329 | </div> | |||
| 6330 | </div> | 6330 | </div> | |||
| 6331 | </div> | 6331 | </div> | |||
| 6332 | </div> | 6332 | </div> | |||
| 6333 | </div> | 6333 | </div> | |||
| 6334 | ]]> | 6334 | ]]> | |||
| 6335 | </content> | 6335 | </content> | |||
| 6336 | 6336 | |||||
| 6337 | <is_active> | 6337 | <is_active> | |||
| 6338 | 1 | 6338 | 1 | |||
| 6339 | </is_active> | 6339 | </is_active> | |||
| 6340 | 6340 | |||||
| 6341 | <page_layout> | 6341 | <page_layout> | |||
| 6342 | 1column | 6342 | 1column | |||
| 6343 | </page_layout> | 6343 | </page_layout> | |||
| 6344 | 6344 | |||||
| 6345 | <layout_update_xml> | 6345 | <layout_update_xml> | |||
| 6346 | <![CDATA[]]> | 6346 | <![CDATA[]]> | |||
| 6347 | </layout_update_xml> | 6347 | </layout_update_xml> | |||
| 6348 | 6348 | |||||
| 6349 | </cms_item> | 6349 | </cms_item> | |||
| 6350 | 6350 | |||||
| 6351 | <cms_item> | 6351 | <cms_item> | |||
| 6352 | 6352 | |||||
| 6353 | <title> | 6353 | <title> | |||
| 6354 | Porto - Homepage 12 | 6354 | Porto - Homepage 12 | |||
| 6355 | </title> | 6355 | </title> | |||
| 6356 | 6356 | |||||
| 6357 | <identifier> | 6357 | <identifier> | |||
| 6358 | porto_home_12 | 6358 | porto_home_12 | |||
| 6359 | </identifier> | 6359 | </identifier> | |||
| 6360 | 6360 | |||||
| 6361 | <content> | 6361 | <content> | |||
| 6362 | <![CDATA[<style> | 6362 | <![CDATA[<style> | |||
| 6363 | .columns .column.main { | 6363 | .columns .column.main { | |||
| 6364 | padding-bottom: 0; | 6364 | padding-bottom: 0; | |||
| 6365 | } | 6365 | } | |||
| 6366 | .porto-ibanner-layer { | 6366 | .porto-ibanner-layer { | |||
| 6367 | position: absolute; | 6367 | position: absolute; | |||
| 6368 | z-index: 10; | 6368 | z-index: 10; | |||
| 6369 | } | 6369 | } | |||
| 6370 | .home-banner ul.products li.product-category .thumb-info { | 6370 | .home-banner ul.products li.product-category .thumb-info { | |||
| 6371 | min-height: 3.375rem; | 6371 | min-height: 3.375rem; | |||
| 6372 | background: #222529; | 6372 | background: #222529; | |||
| 6373 | } | 6373 | } | |||
| 6374 | .porto-ibanner .porto-ibanner-desc .porto-ibanner-container { | 6374 | .porto-ibanner .porto-ibanner-desc .porto-ibanner-container { | |||
| 6375 | position: relative; | 6375 | position: relative; | |||
| 6376 | height: 100%; | 6376 | height: 100%; | |||
| 6377 | } | 6377 | } | |||
| 6378 | ul.products li.product-category .thumb-info h3 { | 6378 | ul.products li.product-category .thumb-info h3 { | |||
| 6379 | text-transform: uppercase; | 6379 | text-transform: uppercase; | |||
| 6380 | } | 6380 | } | |||
| 6381 | .coupon-sale-text { | 6381 | .coupon-sale-text { | |||
| 6382 | padding: .2em .4em; | 6382 | padding: .2em .4em; | |||
| 6383 | position: relative; | 6383 | position: relative; | |||
| 6384 | letter-spacing: 0; | 6384 | letter-spacing: 0; | |||
| 6385 | transform: rotate( | 6385 | transform: rotate( | |||
| 6386 | -1.5deg | 6386 | -1.5deg | |||
| 6387 | ); | 6387 | ); | |||
| 6388 | } | 6388 | } | |||
| 6389 | .coupon-sale-text b { | 6389 | .coupon-sale-text b { | |||
| 6390 | display: inline-block; | 6390 | display: inline-block; | |||
| 6391 | font-size: 1em; | 6391 | font-size: 1em; | |||
| 6392 | padding: 0; | 6392 | padding: 0; | |||
| 6393 | } | 6393 | } | |||
| 6394 | .coupon-sale-text b sup { | 6394 | .coupon-sale-text b sup { | |||
| 6395 | font-size: 54%; | 6395 | font-size: 54%; | |||
| 6396 | } | 6396 | } | |||
| 6397 | .coupon-sale-text b sup { | 6397 | .coupon-sale-text b sup { | |||
| 6398 | font-size: 54%; | 6398 | font-size: 54%; | |||
| 6399 | } | 6399 | } | |||
| 6400 | .p-t { | 6400 | .p-t { | |||
| 6401 | padding-top: 15px!important; | 6401 | padding-top: 15px!important; | |||
| 6402 | } | 6402 | } | |||
| 6403 | ul.products .product-col { | 6403 | ul.products .product-col { | |||
| 6404 | margin-bottom: 1.4286em; | 6404 | margin-bottom: 1.4286em; | |||
| 6405 | position: relative; | 6405 | position: relative; | |||
| 6406 | } | 6406 | } | |||
| 6407 | sup { | 6407 | sup { | |||
| 6408 | font-size: 54%; | 6408 | font-size: 54%; | |||
| 6409 | } | 6409 | } | |||
| 6410 | @media (max-width: 575px) { | 6410 | @media (max-width: 575px) { | |||
| 6411 | .porto-ibanner-layer { | 6411 | .porto-ibanner-layer { | |||
| 6412 | font-size: .6rem; | 6412 | font-size: .6rem; | |||
| 6413 | } | 6413 | } | |||
| 6414 | } | 6414 | } | |||
| 6415 | </style> | 6415 | </style> | |||
| 6416 | <div class="row home-banner no-padding"> | 6416 | <div class="row home-banner no-padding"> | |||
| 6417 | <div class="col-md-12"> | 6417 | <div class="col-md-12"> | |||
| 6418 | <div class="wpb_wrapper vc_column-inner"> | 6418 | <div class="wpb_wrapper vc_column-inner"> | |||
| 6419 | <div class="porto-ibanner mb-0" style="background: #f4f4f4; min-height: 100vh;"> | 6419 | <div class="porto-ibanner mb-0" style="background: #f4f4f4; min-height: 100vh;"> | |||
| 6420 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/12/shop12_home_banner1.jpg"}}" /> | 6420 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/12/shop12_home_banner1.jpg"}}" /> | |||
| 6421 | <div class="porto-ibanner-desc no-padding d-flex"> | 6421 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 6422 | <div class="container"> | 6422 | <div class="container"> | |||
| 6423 | <div class="porto-ibanner-container"> | 6423 | <div class="porto-ibanner-container"> | |||
| 6424 | <div class="porto-ibanner-layer" style="left: 10%; top: 50%; transform: translateY(-50%);"> | 6424 | <div class="porto-ibanner-layer" style="left: 10%; top: 50%; transform: translateY(-50%);"> | |||
| 6425 | <h4 style="font-size: 1.4375em; color: rgba(34, 37, 41, 0.7); line-height: 1; font-weight: 500; letter-spacing: 0.08em;" class="vc_custom_heading mb-3 align-left">Find the Boundaries. Push Through!</h4> | 6425 | <h4 style="font-size: 1.4375em; color: rgba(34, 37, 41, 0.7); line-height: 1; font-weight: 500; letter-spacing: 0.08em;" class="vc_custom_heading mb-3 align-left">Find the Boundaries. Push Through!</h4> | |||
| 6426 | <h2 style="font-size: 4.0625em; line-height: 1; font-weight: 700; letter-spacing: 0.005em;" class="vc_custom_heading mb-0 custom-font4 align-left">Summer Sale</h2> | 6426 | <h2 style="font-size: 4.0625em; line-height: 1; font-weight: 700; letter-spacing: 0.005em;" class="vc_custom_heading mb-0 custom-font4 align-left">Summer Sale</h2> | |||
| 6427 | <h3 style="font-size: 7.125em; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-3 align-left">70% OFF</h3> | 6427 | <h3 style="font-size: 7.125em; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-3 align-left">70% OFF</h3> | |||
| 6428 | <div class="vc_row wpb_row vc_inner row"> | 6428 | <div class="vc_row wpb_row vc_inner row"> | |||
| 6429 | <div class="vc_column_container col-md-12"> | 6429 | <div class="vc_column_container col-md-12"> | |||
| 6430 | <div class="wpb_wrapper vc_column-inner"> | 6430 | <div class="wpb_wrapper vc_column-inner"> | |||
| 6431 | <h4 style="font-size: 1em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading mr-3 pull-left p-t align-left text-uppercase">Starting At</h4> | 6431 | <h4 style="font-size: 1em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading mr-3 pull-left p-t align-left text-uppercase">Starting At</h4> | |||
| 6432 | <h4 style="font-size: 2em; line-height: 1;" class="vc_custom_heading coupon-sale-text d-inline-block mr-3 background-color-secondary align-left heading-light"> | 6432 | <h4 style="font-size: 2em; line-height: 1;" class="vc_custom_heading coupon-sale-text d-inline-block mr-3 background-color-secondary align-left heading-light"> | |||
| 6433 | <b><sup>$</sup>199<sup>99</sup></b> | 6433 | <b><sup>$</sup>199<sup>99</sup></b> | |||
| 6434 | </h4> | 6434 | </h4> | |||
| 6435 | <div class="btn-container mb-0 d-inline-block" style="margin-left: -0.8%;"><button class="btn btn-modern btn-xl btn-dark">Shop Now!</button></div> | 6435 | <div class="btn-container mb-0 d-inline-block" style="margin-left: -0.8%;"><button class="btn btn-modern btn-xl btn-dark">Shop Now!</button></div> | |||
| 6436 | </div> | 6436 | </div> | |||
| 6437 | </div> | 6437 | </div> | |||
| 6438 | </div> | 6438 | </div> | |||
| 6439 | </div> | 6439 | </div> | |||
| 6440 | <div class="porto-ibanner-layer" style="width: 100%; left: 0%; bottom: 5%;"> | 6440 | <div class="porto-ibanner-layer" style="width: 100%; left: 0%; bottom: 5%;"> | |||
| 6441 | <div class="category-slider porto-products wpb_content_element mb-0 hide-count"> | 6441 | <div class="category-slider porto-products wpb_content_element mb-0 hide-count"> | |||
| 6442 | <div class="slider-wrapper"> | 6442 | <div class="slider-wrapper"> | |||
| 6443 | <ul class="products products-container products-slider owl-carousel category-pos-middle category-text-center"> | 6443 | <ul class="products products-container products-slider owl-carousel category-pos-middle category-text-center"> | |||
| 6444 | <li class="product-category product-col"> | 6444 | <li class="product-category product-col"> | |||
| 6445 | <a href="#"> | 6445 | <a href="#"> | |||
| 6446 | <span class="thumb-info align-center"> | 6446 | <span class="thumb-info align-center"> | |||
| 6447 | <span class="thumb-info-wrap"> | 6447 | <span class="thumb-info-wrap"> | |||
| 6448 | <span class="thumb-info-title"> | 6448 | <span class="thumb-info-title"> | |||
| 6449 | <h3 class="sub-title thumb-info-inner">Fashion</h3> | 6449 | <h3 class="sub-title thumb-info-inner">Fashion</h3> | |||
| 6450 | <span class="thumb-info-type"> <mark class="count">4</mark> Products </span> | 6450 | <span class="thumb-info-type"> <mark class="count">4</mark> Products </span> | |||
| 6451 | </span> | 6451 | </span> | |||
| 6452 | </span> | 6452 | </span> | |||
| 6453 | </span> | 6453 | </span> | |||
| 6454 | </a> | 6454 | </a> | |||
| 6455 | </li> | 6455 | </li> | |||
| 6456 | <li class="product-category product-col"> | 6456 | <li class="product-category product-col"> | |||
| 6457 | <a href="#"> | 6457 | <a href="#"> | |||
| 6458 | <span class="thumb-info align-center"> | 6458 | <span class="thumb-info align-center"> | |||
| 6459 | <span class="thumb-info-wrap"> | 6459 | <span class="thumb-info-wrap"> | |||
| 6460 | <span class="thumb-info-title"> | 6460 | <span class="thumb-info-title"> | |||
| 6461 | <h3 class="sub-title thumb-info-inner">Headphone</h3> | 6461 | <h3 class="sub-title thumb-info-inner">Headphone</h3> | |||
| 6462 | <span class="thumb-info-type"> <mark class="count">1</mark> Products </span> | 6462 | <span class="thumb-info-type"> <mark class="count">1</mark> Products </span> | |||
| 6463 | </span> | 6463 | </span> | |||
| 6464 | </span> | 6464 | </span> | |||
| 6465 | </span> | 6465 | </span> | |||
| 6466 | </a> | 6466 | </a> | |||
| 6467 | </li> | 6467 | </li> | |||
| 6468 | <li class="product-category product-col"> | 6468 | <li class="product-category product-col"> | |||
| 6469 | <a href="#"> | 6469 | <a href="#"> | |||
| 6470 | <span class="thumb-info align-center"> | 6470 | <span class="thumb-info align-center"> | |||
| 6471 | <span class="thumb-info-wrap"> | 6471 | <span class="thumb-info-wrap"> | |||
| 6472 | <span class="thumb-info-title"> | 6472 | <span class="thumb-info-title"> | |||
| 6473 | <h3 class="sub-title thumb-info-inner">Shoes</h3> | 6473 | <h3 class="sub-title thumb-info-inner">Shoes</h3> | |||
| 6474 | <span class="thumb-info-type"> <mark class="count">2</mark> Products </span> | 6474 | <span class="thumb-info-type"> <mark class="count">2</mark> Products </span> | |||
| 6475 | </span> | 6475 | </span> | |||
| 6476 | </span> | 6476 | </span> | |||
| 6477 | </span> | 6477 | </span> | |||
| 6478 | </a> | 6478 | </a> | |||
| 6479 | </li> | 6479 | </li> | |||
| 6480 | <li class="product-category product-col"> | 6480 | <li class="product-category product-col"> | |||
| 6481 | <a href="#"> | 6481 | <a href="#"> | |||
| 6482 | <span class="thumb-info align-center"> | 6482 | <span class="thumb-info align-center"> | |||
| 6483 | <span class="thumb-info-wrap"> | 6483 | <span class="thumb-info-wrap"> | |||
| 6484 | <span class="thumb-info-title"> | 6484 | <span class="thumb-info-title"> | |||
| 6485 | <h3 class="sub-title thumb-info-inner">Toys</h3> | 6485 | <h3 class="sub-title thumb-info-inner">Toys</h3> | |||
| 6486 | <span class="thumb-info-type"> <mark class="count">1</mark> Products </span> | 6486 | <span class="thumb-info-type"> <mark class="count">1</mark> Products </span> | |||
| 6487 | </span> | 6487 | </span> | |||
| 6488 | </span> | 6488 | </span> | |||
| 6489 | </span> | 6489 | </span> | |||
| 6490 | </a> | 6490 | </a> | |||
| 6491 | </li> | 6491 | </li> | |||
| 6492 | <li class="product-category product-col"> | 6492 | <li class="product-category product-col"> | |||
| 6493 | <a href="#"> | 6493 | <a href="#"> | |||
| 6494 | <span class="thumb-info align-center"> | 6494 | <span class="thumb-info align-center"> | |||
| 6495 | <span class="thumb-info-wrap"> | 6495 | <span class="thumb-info-wrap"> | |||
| 6496 | <span class="thumb-info-title"> | 6496 | <span class="thumb-info-title"> | |||
| 6497 | <h3 class="sub-title thumb-info-inner">Trousers</h3> | 6497 | <h3 class="sub-title thumb-info-inner">Trousers</h3> | |||
| 6498 | <span class="thumb-info-type"> <mark class="count">1</mark> Products </span> | 6498 | <span class="thumb-info-type"> <mark class="count">1</mark> Products </span> | |||
| 6499 | </span> | 6499 | </span> | |||
| 6500 | </span> | 6500 | </span> | |||
| 6501 | </span> | 6501 | </span> | |||
| 6502 | </a> | 6502 | </a> | |||
| 6503 | </li> | 6503 | </li> | |||
| 6504 | <li class="product-category product-col"> | 6504 | <li class="product-category product-col"> | |||
| 6505 | <a href="#"> | 6505 | <a href="#"> | |||
| 6506 | <span class="thumb-info align-center"> | 6506 | <span class="thumb-info align-center"> | |||
| 6507 | <span class="thumb-info-wrap"> | 6507 | <span class="thumb-info-wrap"> | |||
| 6508 | <span class="thumb-info-title"> | 6508 | <span class="thumb-info-title"> | |||
| 6509 | <h3 class="sub-title thumb-info-inner">Watches</h3> | 6509 | <h3 class="sub-title thumb-info-inner">Watches</h3> | |||
| 6510 | <span class="thumb-info-type"> <mark class="count">2</mark> Products </span> | 6510 | <span class="thumb-info-type"> <mark class="count">2</mark> Products </span> | |||
| 6511 | </span> | 6511 | </span> | |||
| 6512 | </span> | 6512 | </span> | |||
| 6513 | </span> | 6513 | </span> | |||
| 6514 | </a> | 6514 | </a> | |||
| 6515 | </li> | 6515 | </li> | |||
| 6516 | <li class="product-category product-col"> | 6516 | <li class="product-category product-col"> | |||
| 6517 | <a href="#"> | 6517 | <a href="#"> | |||
| 6518 | <span class="thumb-info align-center"> | 6518 | <span class="thumb-info align-center"> | |||
| 6519 | <span class="thumb-info-wrap"> | 6519 | <span class="thumb-info-wrap"> | |||
| 6520 | <span class="thumb-info-title"> | 6520 | <span class="thumb-info-title"> | |||
| 6521 | <h3 class="sub-title thumb-info-inner">Accessories</h3> | 6521 | <h3 class="sub-title thumb-info-inner">Accessories</h3> | |||
| 6522 | <span class="thumb-info-type"> <mark class="count">6</mark> Products </span> | 6522 | <span class="thumb-info-type"> <mark class="count">6</mark> Products </span> | |||
| 6523 | </span> | 6523 | </span> | |||
| 6524 | </span> | 6524 | </span> | |||
| 6525 | </span> | 6525 | </span> | |||
| 6526 | </a> | 6526 | </a> | |||
| 6527 | </li> | 6527 | </li> | |||
| 6528 | <li class="product-category product-col"> | 6528 | <li class="product-category product-col"> | |||
| 6529 | <a href="#"> | 6529 | <a href="#"> | |||
| 6530 | <span class="thumb-info align-center"> | 6530 | <span class="thumb-info align-center"> | |||
| 6531 | <span class="thumb-info-wrap"> | 6531 | <span class="thumb-info-wrap"> | |||
| 6532 | <span class="thumb-info-title"> | 6532 | <span class="thumb-info-title"> | |||
| 6533 | <h3 class="sub-title thumb-info-inner">Caps</h3> | 6533 | <h3 class="sub-title thumb-info-inner">Caps</h3> | |||
| 6534 | <span class="thumb-info-type"> <mark class="count">1</mark> Products </span> | 6534 | <span class="thumb-info-type"> <mark class="count">1</mark> Products </span> | |||
| 6535 | </span> | 6535 | </span> | |||
| 6536 | </span> | 6536 | </span> | |||
| 6537 | </span> | 6537 | </span> | |||
| 6538 | </a> | 6538 | </a> | |||
| 6539 | </li> | 6539 | </li> | |||
| 6540 | <li class="product-category product-col"> | 6540 | <li class="product-category product-col"> | |||
| 6541 | <a href="#"> | 6541 | <a href="#"> | |||
| 6542 | <span class="thumb-info align-center"> | 6542 | <span class="thumb-info align-center"> | |||
| 6543 | <span class="thumb-info-wrap"> | 6543 | <span class="thumb-info-wrap"> | |||
| 6544 | <span class="thumb-info-title"> | 6544 | <span class="thumb-info-title"> | |||
| 6545 | <h3 class="sub-title thumb-info-inner">Dress</h3> | 6545 | <h3 class="sub-title thumb-info-inner">Dress</h3> | |||
| 6546 | <span class="thumb-info-type"> <mark class="count">3</mark> Products </span> | 6546 | <span class="thumb-info-type"> <mark class="count">3</mark> Products </span> | |||
| 6547 | </span> | 6547 | </span> | |||
| 6548 | </span> | 6548 | </span> | |||
| 6549 | </span> | 6549 | </span> | |||
| 6550 | </a> | 6550 | </a> | |||
| 6551 | </li> | 6551 | </li> | |||
| 6552 | <li class="product-category product-col"> | 6552 | <li class="product-category product-col"> | |||
| 6553 | <a href="#"> | 6553 | <a href="#"> | |||
| 6554 | <span class="thumb-info align-center"> | 6554 | <span class="thumb-info align-center"> | |||
| 6555 | <span class="thumb-info-wrap"> | 6555 | <span class="thumb-info-wrap"> | |||
| 6556 | <span class="thumb-info-title"> | 6556 | <span class="thumb-info-title"> | |||
| 6557 | <h3 class="sub-title thumb-info-inner">Electronics</h3> | 6557 | <h3 class="sub-title thumb-info-inner">Electronics</h3> | |||
| 6558 | <span class="thumb-info-type"> <mark class="count">3</mark> Products </span> | 6558 | <span class="thumb-info-type"> <mark class="count">3</mark> Products </span> | |||
| 6559 | </span> | 6559 | </span> | |||
| 6560 | </span> | 6560 | </span> | |||
| 6561 | </span> | 6561 | </span> | |||
| 6562 | </a> | 6562 | </a> | |||
| 6563 | </li> | 6563 | </li> | |||
| 6564 | </ul> | 6564 | </ul> | |||
| 6565 | <script type="text/javascript"> | 6565 | <script type="text/javascript"> | |||
| 6566 | require([ | 6566 | require([ | |||
| 6567 | 'jquery', | 6567 | 'jquery', | |||
| 6568 | 'owl.carousel/owl.carousel.min' | 6568 | 'owl.carousel/owl.carousel.min' | |||
| 6569 | ], function ($) { | 6569 | ], function ($) { | |||
| 6570 | $(".category-slider .owl-carousel").owlCarousel({ | 6570 | $(".category-slider .owl-carousel").owlCarousel({ | |||
| 6571 | autoplay: false, | 6571 | autoplay: false, | |||
| 6572 | autoplayTimeout: 5000, | 6572 | autoplayTimeout: 5000, | |||
| 6573 | autoplayHoverPause: true, | 6573 | autoplayHoverPause: true, | |||
| 6574 | loop: true, | 6574 | loop: true, | |||
| 6575 | navRewind: true, | 6575 | navRewind: true, | |||
| 6576 | lazyLoad:true, | 6576 | lazyLoad:true, | |||
| 6577 | margin: 0, | 6577 | margin: 0, | |||
| 6578 | nav: false, | 6578 | nav: false, | |||
| 6579 | dots: false, | 6579 | dots: false, | |||
| 6580 | responsive: { | 6580 | responsive: { | |||
| 6581 | 0: { | 6581 | 0: { | |||
| 6582 | items:2 | 6582 | items:2 | |||
| 6583 | }, | 6583 | }, | |||
| 6584 | 640: { | 6584 | 640: { | |||
| 6585 | items:2 | 6585 | items:2 | |||
| 6586 | }, | 6586 | }, | |||
| 6587 | 768: { | 6587 | 768: { | |||
| 6588 | items:3 | 6588 | items:3 | |||
| 6589 | }, | 6589 | }, | |||
| 6590 | 992: { | 6590 | 992: { | |||
| 6591 | items:4 | 6591 | items:4 | |||
| 6592 | }, | 6592 | }, | |||
| 6593 | 1200: { | 6593 | 1200: { | |||
| 6594 | items:6 | 6594 | items:6 | |||
| 6595 | } | 6595 | } | |||
| 6596 | } | 6596 | } | |||
| 6597 | }); | 6597 | }); | |||
| 6598 | }); | 6598 | }); | |||
| 6599 | </script> | 6599 | </script> | |||
| 6600 | </div> | 6600 | </div> | |||
| 6601 | </div> | 6601 | </div> | |||
| 6602 | </div> | 6602 | </div> | |||
| 6603 | </div> | 6603 | </div> | |||
| 6604 | </div> | 6604 | </div> | |||
| 6605 | </div> | 6605 | </div> | |||
| 6606 | </div> | 6606 | </div> | |||
| 6607 | </div> | 6607 | </div> | |||
| 6608 | </div> | 6608 | </div> | |||
| 6609 | </div> | 6609 | </div> | |||
| 6610 | <div class="row mb-0 home-banners no-padding"> | 6610 | <div class="row mb-0 home-banners no-padding"> | |||
| 6611 | <div class="col-md-12" style="padding: 0.375rem 0.375rem 0 0.375rem;"> | 6611 | <div class="col-md-12" style="padding: 0.375rem 0.375rem 0 0.375rem;"> | |||
| 6612 | <div class="wpb_wrapper vc_column-inner"> | 6612 | <div class="wpb_wrapper vc_column-inner"> | |||
| 6613 | <div class="porto-grid-container"> | 6613 | <div class="porto-grid-container"> | |||
| 6614 | <div id="banner-masonry-demo-12" class="porto-banner-layout wpb_content_element clearfix"> | 6614 | <div id="banner-masonry-demo-12" class="porto-banner-layout wpb_content_element clearfix"> | |||
| 6615 | <div class="porto-grid-item" style="width: 44%;"> | 6615 | <div class="porto-grid-item" style="width: 44%;"> | |||
| 6616 | <div class="porto-ibanner mb-0" style="background: #0088cc; min-height: 26.25em;"> | 6616 | <div class="porto-ibanner mb-0" style="background: #0088cc; min-height: 26.25em;"> | |||
| 6617 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/12/shop12_home_banner2.jpg"}}" /> | 6617 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/12/shop12_home_banner2.jpg"}}" /> | |||
| 6618 | <div class="porto-ibanner-desc no-padding d-flex"> | 6618 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 6619 | <div class="porto-ibanner-layer" style="left: 9%; top: 50%; transform: translateY(-50%);"> | 6619 | <div class="porto-ibanner-layer" style="left: 9%; top: 50%; transform: translateY(-50%);"> | |||
| 6620 | <h4 style="font-size: 0.96em; color: rgba(255, 255, 255, 0.7); line-height: 1; font-weight: 500; letter-spacing: 0.08em;" class="vc_custom_heading m-b-xs align-left">Find the Boundaries. Push Through!</h4> | 6620 | <h4 style="font-size: 0.96em; color: rgba(255, 255, 255, 0.7); line-height: 1; font-weight: 500; letter-spacing: 0.08em;" class="vc_custom_heading m-b-xs align-left">Find the Boundaries. Push Through!</h4> | |||
| 6621 | <h3 style="font-size: 3.5em; line-height: 1; letter-spacing: 0.01em;" class="vc_custom_heading mb-0 custom-font4 align-left heading-light">Sunglasses</h3> | 6621 | <h3 style="font-size: 3.5em; line-height: 1; letter-spacing: 0.01em;" class="vc_custom_heading mb-0 custom-font4 align-left heading-light">Sunglasses</h3> | |||
| 6622 | <h4 style="font-size: 4.75em; line-height: 1;" class="vc_custom_heading m-b-sm align-left heading-light">70% OFF</h4> | 6622 | <h4 style="font-size: 4.75em; line-height: 1;" class="vc_custom_heading m-b-sm align-left heading-light">70% OFF</h4> | |||
| 6623 | <div class="vc_row wpb_row vc_inner row"> | 6623 | <div class="vc_row wpb_row vc_inner row"> | |||
| 6624 | <div class="vc_column_container col-md-12"> | 6624 | <div class="vc_column_container col-md-12"> | |||
| 6625 | <div class="wpb_wrapper vc_column-inner"> | 6625 | <div class="wpb_wrapper vc_column-inner"> | |||
| 6626 | <h4 style="font-size: 0.75em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading mr-3 pull-left p-t-sm align-left text-uppercase heading-light">Starting At</h4> | 6626 | <h4 style="font-size: 0.75em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading mr-3 pull-left p-t-sm align-left text-uppercase heading-light">Starting At</h4> | |||
| 6627 | <h4 style="font-size: 1.4em; line-height: 1;" class="vc_custom_heading coupon-sale-text d-inline-block mr-2 background-color-secondary align-left heading-light"> | 6627 | <h4 style="font-size: 1.4em; line-height: 1;" class="vc_custom_heading coupon-sale-text d-inline-block mr-2 background-color-secondary align-left heading-light"> | |||
| 6628 | <b><sup>$</sup>199<sup>99</sup></b> | 6628 | <b><sup>$</sup>199<sup>99</sup></b> | |||
| 6629 | </h4> | 6629 | </h4> | |||
| 6630 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-md btn-dark">Shop Now!</button></div> | 6630 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-md btn-dark">Shop Now!</button></div> | |||
| 6631 | </div> | 6631 | </div> | |||
| 6632 | </div> | 6632 | </div> | |||
| 6633 | </div> | 6633 | </div> | |||
| 6634 | </div> | 6634 | </div> | |||
| 6635 | </div> | 6635 | </div> | |||
| 6636 | </div> | 6636 | </div> | |||
| 6637 | </div> | 6637 | </div> | |||
| 6638 | <div class="porto-grid-item" style="width: 32%;"> | 6638 | <div class="porto-grid-item" style="width: 32%;"> | |||
| 6639 | <div class="porto-ibanner mb-0" style="background: #222529; min-height: 26.25em;"> | 6639 | <div class="porto-ibanner mb-0" style="background: #222529; min-height: 26.25em;"> | |||
| 6640 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/12/shop12_home_banner3.jpg"}}" /> | 6640 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/12/shop12_home_banner3.jpg"}}" /> | |||
| 6641 | <div class="porto-ibanner-desc no-padding d-flex"> | 6641 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 6642 | <div class="porto-ibanner-layer text-right" style="right: 14%; top: 50%; transform: translateY(-50%);"> | 6642 | <div class="porto-ibanner-layer text-right" style="right: 14%; top: 50%; transform: translateY(-50%);"> | |||
| 6643 | <h3 style="font-size: 2.25em; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-3 align-right text-uppercase heading-light"> | 6643 | <h3 style="font-size: 2.25em; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-3 align-right text-uppercase heading-light"> | |||
| 6644 | ELECTRONIC<br /> | 6644 | ELECTRONIC<br /> | |||
| 6645 | DEALS | 6645 | DEALS | |||
| 6646 | </h3> | 6646 | </h3> | |||
| 6647 | <div class="porto-ultimate-content-box-container d-inline-block text-left"> | 6647 | <div class="porto-ultimate-content-box-container d-inline-block text-left"> | |||
| 6648 | <div class="porto-ultimate-content-box" style="" id="porto_ucb_1379"> | 6648 | <div class="porto-ultimate-content-box" style="" id="porto_ucb_1379"> | |||
| 6649 | <div style="font-size: 1.125em; line-height: 1.2; font-weight: 700;padding: 8px 12px;" class="vc_custom_heading mb-2 coupon-sale-text background-color-light align-right heading-dark">Exclusive COUPON</div> | 6649 | <div style="font-size: 1.125em; line-height: 1.2; font-weight: 700;padding: 8px 12px;" class="vc_custom_heading mb-2 coupon-sale-text background-color-light align-right heading-dark">Exclusive COUPON</div> | |||
| 6650 | <div style="font-size: 1.6em; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-3 coupon-sale-text bg-gray d-inline-block align-left heading-dark"><i>UP TO</i><b>$100</b><sub>OFF</sub></div> | 6650 | <div style="font-size: 1.6em; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-3 coupon-sale-text bg-gray d-inline-block align-left heading-dark"><i>UP TO</i><b>$100</b><sub>OFF</sub></div> | |||
| 6651 | <div class="btn-container mb-0 text-center"><button class="btn btn-modern btn-md btn-quaternary w-100 vc_btn3-block">Get Yours!</button></div> | 6651 | <div class="btn-container mb-0 text-center"><button class="btn btn-modern btn-md btn-quaternary w-100 vc_btn3-block">Get Yours!</button></div> | |||
| 6652 | </div> | 6652 | </div> | |||
| 6653 | </div> | 6653 | </div> | |||
| 6654 | </div> | 6654 | </div> | |||
| 6655 | </div> | 6655 | </div> | |||
| 6656 | </div> | 6656 | </div> | |||
| 6657 | </div> | 6657 | </div> | |||
| 6658 | <div class="porto-grid-item" style="width: 24%;"> | 6658 | <div class="porto-grid-item" style="width: 24%;"> | |||
| 6659 | <div class="porto-ibanner mb-0" style="background: #f4f4f4; min-height: 46em;"> | 6659 | <div class="porto-ibanner mb-0" style="background: #f4f4f4; min-height: 46em;"> | |||
| 6660 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/12/shop12_home_banner4.jpg"}}" /> | 6660 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/12/shop12_home_banner4.jpg"}}" /> | |||
| 6661 | <div class="porto-ibanner-desc no-padding d-flex"> | 6661 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 6662 | <div class="porto-ibanner-layer" style="width: 70%; left: 50%; transform: translateX(-50%); top: 9%;"> | 6662 | <div class="porto-ibanner-layer" style="width: 70%; left: 50%; transform: translateX(-50%); top: 9%;"> | |||
| 6663 | <div class="vc_custom_heading mb-2 ls-200 heading heading-border heading-middle-border heading-middle-border-center heading102614649"> | 6663 | <div class="vc_custom_heading mb-2 ls-200 heading heading-border heading-middle-border heading-middle-border-center heading102614649"> | |||
| 6664 | <h4 style="font-size: 1.1em; line-height: 1; text-align: center; font-weight: 600; letter-spacing: 0.2em;" class="heading-tag text-uppercase">AMAZING</h4> | 6664 | <h4 style="font-size: 1.1em; line-height: 1; text-align: center; font-weight: 600; letter-spacing: 0.2em;" class="heading-tag text-uppercase">AMAZING</h4> | |||
| 6665 | </div> | 6665 | </div> | |||
| 6666 | <h3 style="font-size: 2.5em; line-height: 1; text-align: center;" class="vc_custom_heading mb-4 text-uppercase">Collection</h3> | 6666 | <h3 style="font-size: 2.5em; line-height: 1; text-align: center;" class="vc_custom_heading mb-4 text-uppercase">Collection</h3> | |||
| 6667 | <div class="porto-separator short"><hr class="separator-line align_center solid" style="background-color: #e7e7e7;" /></div> | 6667 | <div class="porto-separator short"><hr class="separator-line align_center solid" style="background-color: #e7e7e7;" /></div> | |||
| 6668 | <h4 style="font-size: 1.1em; color: rgba(34, 37, 41, 0.7); line-height: 1.2; text-align: center; font-weight: 500; letter-spacing: 0.2em;" class="vc_custom_heading pt-2 text-uppercase">Check our discounts</h4> | 6668 | <h4 style="font-size: 1.1em; color: rgba(34, 37, 41, 0.7); line-height: 1.2; text-align: center; font-weight: 500; letter-spacing: 0.2em;" class="vc_custom_heading pt-2 text-uppercase">Check our discounts</h4> | |||
| 6669 | </div> | 6669 | </div> | |||
| 6670 | <div class="porto-ibanner-layer" style="left: 50%; transform: translateX(-50%); bottom: 9%;"> | 6670 | <div class="porto-ibanner-layer" style="left: 50%; transform: translateX(-50%); bottom: 9%;"> | |||
| 6671 | <div class="btn-container mb-0 text-center"><button class="btn btn-modern btn-md btn-dark">SHOP NOW!</button></div> | 6671 | <div class="btn-container mb-0 text-center"><button class="btn btn-modern btn-md btn-dark">SHOP NOW!</button></div> | |||
| 6672 | </div> | 6672 | </div> | |||
| 6673 | </div> | 6673 | </div> | |||
| 6674 | </div> | 6674 | </div> | |||
| 6675 | </div> | 6675 | </div> | |||
| 6676 | <div class="porto-grid-item" style="width: 76%;"> | 6676 | <div class="porto-grid-item" style="width: 76%;"> | |||
| 6677 | <div class="porto-ibanner mb-0" style="background: #f4a085; min-height: 19.375em;"> | 6677 | <div class="porto-ibanner mb-0" style="background: #f4a085; min-height: 19.375em;"> | |||
| 6678 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/12/shop12_home_banner5.jpg"}}" /> | 6678 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/12/shop12_home_banner5.jpg"}}" /> | |||
| 6679 | <div class="porto-ibanner-desc no-padding d-flex"> | 6679 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 6680 | <div class="porto-ibanner-layer" style="width: 70%; left: 5%; top: 50%; transform: translateY(-50%);"> | 6680 | <div class="porto-ibanner-layer" style="width: 70%; left: 5%; top: 50%; transform: translateY(-50%);"> | |||
| 6681 | <div class="row align-items-center"> | 6681 | <div class="row align-items-center"> | |||
| 6682 | <div class="col-auto col-md-6"> | 6682 | <div class="col-auto col-md-6"> | |||
| 6683 | <div class="wpb_wrapper vc_column-inner"> | 6683 | <div class="wpb_wrapper vc_column-inner"> | |||
| 6684 | <h3 style="font-size: 2.0625em; color: rgba(255, 255, 255, 0.7); line-height: 1; font-weight: 400;" class="vc_custom_heading mb-2 custom-font4 align-left">Outlet Selected Items</h3> | 6684 | <h3 style="font-size: 2.0625em; color: rgba(255, 255, 255, 0.7); line-height: 1; font-weight: 400;" class="vc_custom_heading mb-2 custom-font4 align-left">Outlet Selected Items</h3> | |||
| 6685 | <h3 style="font-size: 3.125em; line-height: 1;" class="vc_custom_heading mb-0 align-left text-uppercase heading-light">big sale up to</h3> | 6685 | <h3 style="font-size: 3.125em; line-height: 1;" class="vc_custom_heading mb-0 align-left text-uppercase heading-light">big sale up to</h3> | |||
| 6686 | </div> | 6686 | </div> | |||
| 6687 | </div> | 6687 | </div> | |||
| 6688 | <div class="col-auto pl-4 pl-xl-5 col-md-6"> | 6688 | <div class="col-auto pl-4 pl-xl-5 col-md-6"> | |||
| 6689 | <div class="wpb_wrapper vc_column-inner"> | 6689 | <div class="wpb_wrapper vc_column-inner"> | |||
| 6690 | <h4 style="font-size: 8.75em; line-height: 1;" class="vc_custom_heading mb-0 text-sale align-left heading-light">80%<small>OFF</small></h4> | 6690 | <h4 style="font-size: 8.75em; line-height: 1;" class="vc_custom_heading mb-0 text-sale align-left heading-light">80%<small>OFF</small></h4> | |||
| 6691 | </div> | 6691 | </div> | |||
| 6692 | </div> | 6692 | </div> | |||
| 6693 | </div> | 6693 | </div> | |||
| 6694 | </div> | 6694 | </div> | |||
| 6695 | </div> | 6695 | </div> | |||
| 6696 | </div> | 6696 | </div> | |||
| 6697 | </div> | 6697 | </div> | |||
| 6698 | <div class="porto-grid-item" style="width: 100%;"> | 6698 | <div class="porto-grid-item" style="width: 100%;"> | |||
| 6699 | <div class="porto-ibanner mb-0 fs-sm-6" style="min-height: 23.5em;"> | 6699 | <div class="porto-ibanner mb-0 fs-sm-6" style="min-height: 23.5em;"> | |||
| 6700 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/12/shop12_home_banner6.jpg"}}" /> | 6700 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/12/shop12_home_banner6.jpg"}}" /> | |||
| 6701 | <div class="porto-ibanner-desc no-padding d-flex"> | 6701 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 6702 | <div class="container"> | 6702 | <div class="container"> | |||
| 6703 | <div class="porto-ibanner-container"> | 6703 | <div class="porto-ibanner-container"> | |||
| 6704 | <div class="porto-ibanner-layer" style="width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%);"> | 6704 | <div class="porto-ibanner-layer" style="width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%);"> | |||
| 6705 | <div class="row align-items-center mx-0"> | 6705 | <div class="row align-items-center mx-0"> | |||
| 6706 | <div class="porto-wrap-container container"> | 6706 | <div class="porto-wrap-container container"> | |||
| 6707 | <div class="row"> | 6707 | <div class="row"> | |||
| 6708 | <div class="mb-4 mb-md-0 col-md-5 col-5"> | 6708 | <div class="mb-4 mb-md-0 col-md-5 col-5"> | |||
| 6709 | <div class="wpb_wrapper vc_column-inner"> | 6709 | <div class="wpb_wrapper vc_column-inner"> | |||
| 6710 | <h3 style="font-size: 2.85em; line-height: 1.2;" class="vc_custom_heading mb-0 align-right text-uppercase"> | 6710 | <h3 style="font-size: 2.85em; line-height: 1.2;" class="vc_custom_heading mb-0 align-right text-uppercase"> | |||
| 6711 | Top electronic<br /> | 6711 | Top electronic<br /> | |||
| 6712 | Deals | 6712 | Deals | |||
| 6713 | </h3> | 6713 | </h3> | |||
| 6714 | </div> | 6714 | </div> | |||
| 6715 | </div> | 6715 | </div> | |||
| 6716 | <div class="mb-4 mb-md-0 col-md-3 col-3"> | 6716 | <div class="mb-4 mb-md-0 col-md-3 col-3"> | |||
| 6717 | <div class="wpb_wrapper vc_column-inner"> | 6717 | <div class="wpb_wrapper vc_column-inner"> | |||
| 6718 | <div class="btn-container mb-0 btn-sale text-center"><button class="btn btn-modern btn-lg btn-dark">View Sale</button></div> | 6718 | <div class="btn-container mb-0 btn-sale text-center"><button class="btn btn-modern btn-lg btn-dark">View Sale</button></div> | |||
| 6719 | </div> | 6719 | </div> | |||
| 6720 | </div> | 6720 | </div> | |||
| 6721 | <div class="col-auto col-md-4 col-4"> | 6721 | <div class="col-auto col-md-4 col-4"> | |||
| 6722 | <div class="wpb_wrapper vc_column-inner"> | 6722 | <div class="wpb_wrapper vc_column-inner"> | |||
| 6723 | <div style="font-size: 1.45em; line-height: 1.8; font-weight: 700;" class="vc_custom_heading coupon-sale-text background-color-dark mb-2 align-left heading-light">Exclusive COUPON</div> | 6723 | <div style="font-size: 1.45em; line-height: 1.8; font-weight: 700;" class="vc_custom_heading coupon-sale-text background-color-dark mb-2 align-left heading-light">Exclusive COUPON</div> | |||
| 6724 | <div style="font-size: 2em; line-height: 1; font-weight: 700;" class="vc_custom_heading coupon-sale-text background-color-secondary d-inline-block align-left heading-light"> | 6724 | <div style="font-size: 2em; line-height: 1; font-weight: 700;" class="vc_custom_heading coupon-sale-text background-color-secondary d-inline-block align-left heading-light"> | |||
| 6725 | <i>UP TO</i>$100<sub>OFF</sub> | 6725 | <i>UP TO</i>$100<sub>OFF</sub> | |||
| 6726 | </div> | 6726 | </div> | |||
| 6727 | </div> | 6727 | </div> | |||
| 6728 | </div> | 6728 | </div> | |||
| 6729 | </div> | 6729 | </div> | |||
| 6730 | </div> | 6730 | </div> | |||
| 6731 | </div> | 6731 | </div> | |||
| 6732 | </div> | 6732 | </div> | |||
| 6733 | </div> | 6733 | </div> | |||
| 6734 | </div> | 6734 | </div> | |||
| 6735 | </div> | 6735 | </div> | |||
| 6736 | </div> | 6736 | </div> | |||
| 6737 | </div> | 6737 | </div> | |||
| 6738 | <div class="porto-grid-item" style="width: 26%;"> | 6738 | <div class="porto-grid-item" style="width: 26%;"> | |||
| 6739 | <div class="porto-ibanner mb-0" style="background: #222529; min-height: 46.25em;"> | 6739 | <div class="porto-ibanner mb-0" style="background: #222529; min-height: 46.25em;"> | |||
| 6740 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/12/shop12_home_banner7.jpg"}}" /> | 6740 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/12/shop12_home_banner7.jpg"}}" /> | |||
| 6741 | <div class="porto-ibanner-desc no-padding d-flex"> | 6741 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 6742 | <div class="porto-ibanner-layer" style="right: 10%; top: 13%;"> | 6742 | <div class="porto-ibanner-layer" style="right: 10%; top: 13%;"> | |||
| 6743 | <h3 style="font-size: 1.75em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading mb-2 align-right heading-secondary">FLASH SALE</h3> | 6743 | <h3 style="font-size: 1.75em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading mb-2 align-right heading-secondary">FLASH SALE</h3> | |||
| 6744 | <h4 style="font-size: 1.5em; color: #a2a2a2; line-height: 1.2; font-weight: 500; letter-spacing: -0.02em;" class="vc_custom_heading mb-2 align-right"> | 6744 | <h4 style="font-size: 1.5em; color: #a2a2a2; line-height: 1.2; font-weight: 500; letter-spacing: -0.02em;" class="vc_custom_heading mb-2 align-right"> | |||
| 6745 | TOP BRANDS<br /> | 6745 | TOP BRANDS<br /> | |||
| 6746 | SUMMER SUNGLASSES | 6746 | SUMMER SUNGLASSES | |||
| 6747 | </h4> | 6747 | </h4> | |||
| 6748 | <h4 style="font-size: 2.25em; line-height: 1.1; letter-spacing: -0.02em;" class="vc_custom_heading mb-4 pb-2 align-right heading-light"> | 6748 | <h4 style="font-size: 2.25em; line-height: 1.1; letter-spacing: -0.02em;" class="vc_custom_heading mb-4 pb-2 align-right heading-light"> | |||
| 6749 | STARTING<br /> | 6749 | STARTING<br /> | |||
| 6750 | AT <sup>$</sup>199<sup>99</sup> | 6750 | AT <sup>$</sup>199<sup>99</sup> | |||
| 6751 | </h4> | 6751 | </h4> | |||
| 6752 | <div class="btn-container mb-0 text-right"><button class="btn btn-modern btn-xl btn-light">View Sale</button></div> | 6752 | <div class="btn-container mb-0 text-right"><button class="btn btn-modern btn-xl btn-light">View Sale</button></div> | |||
| 6753 | </div> | 6753 | </div> | |||
| 6754 | </div> | 6754 | </div> | |||
| 6755 | </div> | 6755 | </div> | |||
| 6756 | </div> | 6756 | </div> | |||
| 6757 | <div class="porto-grid-item" style="width: 34%;"> | 6757 | <div class="porto-grid-item" style="width: 34%;"> | |||
| 6758 | <div class="porto-ibanner mb-0 brands-section" style="background: #f4f4f4; min-height: 26.75em;"> | 6758 | <div class="porto-ibanner mb-0 brands-section" style="background: #f4f4f4; min-height: 26.75em;"> | |||
| 6759 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/12/shop12_home_banner8.jpg"}}" /> | 6759 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/12/shop12_home_banner8.jpg"}}" /> | |||
| 6760 | <div class="porto-ibanner-desc no-padding d-flex"> | 6760 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 6761 | <div class="porto-ibanner-layer" style="width: 43%; right: 5%; top: 50%; transform: translateY(-50%);"> | 6761 | <div class="porto-ibanner-layer" style="width: 43%; right: 5%; top: 50%; transform: translateY(-50%);"> | |||
| 6762 | <div class="row align-items-center"> | 6762 | <div class="row align-items-center"> | |||
| 6763 | <div class="col-md-4 col-4"> | 6763 | <div class="col-md-4 col-4"> | |||
| 6764 | <div class="wpb_wrapper vc_column-inner"> | 6764 | <div class="wpb_wrapper vc_column-inner"> | |||
| 6765 | <div class="wpb_single_image wpb_content_element vc_align_center mb-0"> | 6765 | <div class="wpb_single_image wpb_content_element vc_align_center mb-0"> | |||
| 6766 | <div class="wpb_wrapper"> | 6766 | <div class="wpb_wrapper"> | |||
| 6767 | <div class="vc_single_image-wrapper vc_box_border_grey"> | 6767 | <div class="vc_single_image-wrapper vc_box_border_grey"> | |||
| 6768 | <img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand1.png"}}" /> | 6768 | <img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand1.png"}}" /> | |||
| 6769 | </div> | 6769 | </div> | |||
| 6770 | </div> | 6770 | </div> | |||
| 6771 | </div> | 6771 | </div> | |||
| 6772 | </div> | 6772 | </div> | |||
| 6773 | </div> | 6773 | </div> | |||
| 6774 | <div class="col-md-4 col-4"> | 6774 | <div class="col-md-4 col-4"> | |||
| 6775 | <div class="wpb_wrapper vc_column-inner"> | 6775 | <div class="wpb_wrapper vc_column-inner"> | |||
| 6776 | <div class="wpb_single_image wpb_content_element vc_align_center mb-0"> | 6776 | <div class="wpb_single_image wpb_content_element vc_align_center mb-0"> | |||
| 6777 | <div class="wpb_wrapper"> | 6777 | <div class="wpb_wrapper"> | |||
| 6778 | <div class="vc_single_image-wrapper vc_box_border_grey"> | 6778 | <div class="vc_single_image-wrapper vc_box_border_grey"> | |||
| 6779 | <img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand2.png"}}" /> | 6779 | <img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand2.png"}}" /> | |||
| 6780 | </div> | 6780 | </div> | |||
| 6781 | </div> | 6781 | </div> | |||
| 6782 | </div> | 6782 | </div> | |||
| 6783 | </div> | 6783 | </div> | |||
| 6784 | </div> | 6784 | </div> | |||
| 6785 | <div class="col-md-4 col-4"> | 6785 | <div class="col-md-4 col-4"> | |||
| 6786 | <div class="wpb_wrapper vc_column-inner"> | 6786 | <div class="wpb_wrapper vc_column-inner"> | |||
| 6787 | <div class="wpb_single_image wpb_content_element vc_align_center mb-0"> | 6787 | <div class="wpb_single_image wpb_content_element vc_align_center mb-0"> | |||
| 6788 | <div class="wpb_wrapper"> | 6788 | <div class="wpb_wrapper"> | |||
| 6789 | <div class="vc_single_image-wrapper vc_box_border_grey"> | 6789 | <div class="vc_single_image-wrapper vc_box_border_grey"> | |||
| 6790 | <img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand3.png"}}" /> | 6790 | <img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand3.png"}}" /> | |||
| 6791 | </div> | 6791 | </div> | |||
| 6792 | </div> | 6792 | </div> | |||
| 6793 | </div> | 6793 | </div> | |||
| 6794 | </div> | 6794 | </div> | |||
| 6795 | </div> | 6795 | </div> | |||
| 6796 | </div> | 6796 | </div> | |||
| 6797 | <div class="btn-container fs-875 text-center" style="margin-top: 2.5em;margin-bottom: 2.5em;"><button class="btn btn-modern btn-lg btn-quaternary">CHECK THE SALE</button></div> | 6797 | <div class="btn-container fs-875 text-center" style="margin-top: 2.5em;margin-bottom: 2.5em;"><button class="btn btn-modern btn-lg btn-quaternary">CHECK THE SALE</button></div> | |||
| 6798 | <div class="row align-items-center"> | 6798 | <div class="row align-items-center"> | |||
| 6799 | <div class="col-md-4 col-4"> | 6799 | <div class="col-md-4 col-4"> | |||
| 6800 | <div class="wpb_wrapper vc_column-inner"> | 6800 | <div class="wpb_wrapper vc_column-inner"> | |||
| 6801 | <div class="wpb_single_image wpb_content_element vc_align_center mb-0"> | 6801 | <div class="wpb_single_image wpb_content_element vc_align_center mb-0"> | |||
| 6802 | <div class="wpb_wrapper"> | 6802 | <div class="wpb_wrapper"> | |||
| 6803 | <div class="vc_single_image-wrapper vc_box_border_grey"> | 6803 | <div class="vc_single_image-wrapper vc_box_border_grey"> | |||
| 6804 | <img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand4.png"}}" /> | 6804 | <img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand4.png"}}" /> | |||
| 6805 | </div> | 6805 | </div> | |||
| 6806 | </div> | 6806 | </div> | |||
| 6807 | </div> | 6807 | </div> | |||
| 6808 | </div> | 6808 | </div> | |||
| 6809 | </div> | 6809 | </div> | |||
| 6810 | <div class="col-md-4 col-4"> | 6810 | <div class="col-md-4 col-4"> | |||
| 6811 | <div class="wpb_wrapper vc_column-inner"> | 6811 | <div class="wpb_wrapper vc_column-inner"> | |||
| 6812 | <div class="wpb_single_image wpb_content_element vc_align_center mb-0"> | 6812 | <div class="wpb_single_image wpb_content_element vc_align_center mb-0"> | |||
| 6813 | <div class="wpb_wrapper"> | 6813 | <div class="wpb_wrapper"> | |||
| 6814 | <div class="vc_single_image-wrapper vc_box_border_grey"> | 6814 | <div class="vc_single_image-wrapper vc_box_border_grey"> | |||
| 6815 | <img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand5.png"}}" /> | 6815 | <img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand5.png"}}" /> | |||
| 6816 | </div> | 6816 | </div> | |||
| 6817 | </div> | 6817 | </div> | |||
| 6818 | </div> | 6818 | </div> | |||
| 6819 | </div> | 6819 | </div> | |||
| 6820 | </div> | 6820 | </div> | |||
| 6821 | <div class="col-md-4 col-4"> | 6821 | <div class="col-md-4 col-4"> | |||
| 6822 | <div class="wpb_wrapper vc_column-inner"> | 6822 | <div class="wpb_wrapper vc_column-inner"> | |||
| 6823 | <div class="wpb_single_image wpb_content_element vc_align_center mb-0"> | 6823 | <div class="wpb_single_image wpb_content_element vc_align_center mb-0"> | |||
| 6824 | <div class="wpb_wrapper"> | 6824 | <div class="wpb_wrapper"> | |||
| 6825 | <div class="vc_single_image-wrapper vc_box_border_grey"> | 6825 | <div class="vc_single_image-wrapper vc_box_border_grey"> | |||
| 6826 | <img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand6.png"}}" /> | 6826 | <img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand6.png"}}" /> | |||
| 6827 | </div> | 6827 | </div> | |||
| 6828 | </div> | 6828 | </div> | |||
| 6829 | </div> | 6829 | </div> | |||
| 6830 | </div> | 6830 | </div> | |||
| 6831 | </div> | 6831 | </div> | |||
| 6832 | </div> | 6832 | </div> | |||
| 6833 | </div> | 6833 | </div> | |||
| 6834 | <div class="porto-ibanner-layer text-center" style="left: 6%; top: 50%; transform: translateY(-50%);"> | 6834 | <div class="porto-ibanner-layer text-center" style="left: 6%; top: 50%; transform: translateY(-50%);"> | |||
| 6835 | <h5 style="font-size: 0.875em; color: #777777; line-height: 1; font-weight: 500; letter-spacing: 0.2em;" class="vc_custom_heading mb-3 align-left text-uppercase">Check our discountS</h5> | 6835 | <h5 style="font-size: 0.875em; color: #777777; line-height: 1; font-weight: 500; letter-spacing: 0.2em;" class="vc_custom_heading mb-3 align-left text-uppercase">Check our discountS</h5> | |||
| 6836 | <h3 style="font-size: 1.9375em; line-height: 1; letter-spacing: 0.15em;" class="vc_custom_heading mb-1 align-left text-uppercase">More Than</h3> | 6836 | <h3 style="font-size: 1.9375em; line-height: 1; letter-spacing: 0.15em;" class="vc_custom_heading mb-1 align-left text-uppercase">More Than</h3> | |||
| 6837 | <h4 style="font-size: 2.0625em; line-height: 1; letter-spacing: 0.15em;" class="vc_custom_heading mb-4 align-left text-uppercase">20 Brands</h4> | 6837 | <h4 style="font-size: 2.0625em; line-height: 1; letter-spacing: 0.15em;" class="vc_custom_heading mb-4 align-left text-uppercase">20 Brands</h4> | |||
| 6838 | <div class="porto-separator"><hr class="separator-line align_center solid" style="background-color: rgba(34, 37, 41, 0.1);" /></div> | 6838 | <div class="porto-separator"><hr class="separator-line align_center solid" style="background-color: rgba(34, 37, 41, 0.1);" /></div> | |||
| 6839 | <div style="font-size: 1.875em; font-weight: 700;" class="vc_custom_heading d-inline-block coupon-sale-text background-color-dark mb-0 mt-1 align-left heading-light"><i>UP TO</i>$100<sub>OFF</sub></div> | 6839 | <div style="font-size: 1.875em; font-weight: 700;" class="vc_custom_heading d-inline-block coupon-sale-text background-color-dark mb-0 mt-1 align-left heading-light"><i>UP TO</i>$100<sub>OFF</sub></div> | |||
| 6840 | </div> | 6840 | </div> | |||
| 6841 | </div> | 6841 | </div> | |||
| 6842 | </div> | 6842 | </div> | |||
| 6843 | </div> | 6843 | </div> | |||
| 6844 | <div class="porto-grid-item" style="width: 40%;"> | 6844 | <div class="porto-grid-item" style="width: 40%;"> | |||
| 6845 | <div class="porto-ibanner mb-0" style="background: #f4f4f4; min-height: 26.75em;border: .5em solid #222529;"> | 6845 | <div class="porto-ibanner mb-0" style="background: #f4f4f4; min-height: 26.75em;border: .5em solid #222529;"> | |||
| 6846 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/12/shop12_home_banner9.jpg"}}" /> | 6846 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/12/shop12_home_banner9.jpg"}}" /> | |||
| 6847 | <div class="porto-ibanner-desc no-padding d-flex"> | 6847 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 6848 | <div class="porto-ibanner-layer" style="left: 50%; transform: translateX(-50%); top: 25%;"> | 6848 | <div class="porto-ibanner-layer" style="left: 50%; transform: translateX(-50%); top: 25%;"> | |||
| 6849 | <h3 style="font-size: 2.5625em; line-height: 1; text-align: center; letter-spacing: 0.01em;" class="vc_custom_heading mb-2">DEAL PROMOS</h3> | 6849 | <h3 style="font-size: 2.5625em; line-height: 1; text-align: center; letter-spacing: 0.01em;" class="vc_custom_heading mb-2">DEAL PROMOS</h3> | |||
| 6850 | <h6 style="font-size: 1.75em; color: #777777; line-height: 1; text-align: center; font-weight: 600; letter-spacing: 0.01em;" class="vc_custom_heading mb-4">STARTING AT $99</h6> | 6850 | <h6 style="font-size: 1.75em; color: #777777; line-height: 1; text-align: center; font-weight: 600; letter-spacing: 0.01em;" class="vc_custom_heading mb-4">STARTING AT $99</h6> | |||
| 6851 | <div class="btn-container mb-0 text-center"><button class="btn btn-modern btn-lg btn-dark">Shop Now</button></div> | 6851 | <div class="btn-container mb-0 text-center"><button class="btn btn-modern btn-lg btn-dark">Shop Now</button></div> | |||
| 6852 | </div> | 6852 | </div> | |||
| 6853 | <div class="porto-ibanner-layer" style="left: 7%; top: 14%;"> | 6853 | <div class="porto-ibanner-layer" style="left: 7%; top: 14%;"> | |||
| 6854 | <h6 style="font-size: 2.125em;" class="vc_custom_heading sale-label mb-0 background-color-dark align-left heading-light"> | 6854 | <h6 style="font-size: 2.125em;" class="vc_custom_heading sale-label mb-0 background-color-dark align-left heading-light"> | |||
| 6855 | 50<small><sup>%</sup><sub>OFF</sub></small> | 6855 | 50<small><sup>%</sup><sub>OFF</sub></small> | |||
| 6856 | </h6> | 6856 | </h6> | |||
| 6857 | </div> | 6857 | </div> | |||
| 6858 | <div class="porto-ibanner-layer" style="right: 7%; top: 15%;"> | 6858 | <div class="porto-ibanner-layer" style="right: 7%; top: 15%;"> | |||
| 6859 | <h6 style="font-size: 1.6em;" class="vc_custom_heading sale-label mb-0 background-color-dark align-left heading-light"> | 6859 | <h6 style="font-size: 1.6em;" class="vc_custom_heading sale-label mb-0 background-color-dark align-left heading-light"> | |||
| 6860 | 70<small><sup>%</sup><sub>OFF</sub></small> | 6860 | 70<small><sup>%</sup><sub>OFF</sub></small> | |||
| 6861 | </h6> | 6861 | </h6> | |||
| 6862 | </div> | 6862 | </div> | |||
| 6863 | <div class="porto-ibanner-layer" style="right: 44%; bottom: 13%;"> | 6863 | <div class="porto-ibanner-layer" style="right: 44%; bottom: 13%;"> | |||
| 6864 | <h6 style="font-size: 1.3475em;" class="vc_custom_heading sale-label mb-0 background-color-dark align-left heading-light"> | 6864 | <h6 style="font-size: 1.3475em;" class="vc_custom_heading sale-label mb-0 background-color-dark align-left heading-light"> | |||
| 6865 | 30<small><sup>%</sup><sub>OFF</sub></small> | 6865 | 30<small><sup>%</sup><sub>OFF</sub></small> | |||
| 6866 | </h6> | 6866 | </h6> | |||
| 6867 | </div> | 6867 | </div> | |||
| 6868 | </div> | 6868 | </div> | |||
| 6869 | </div> | 6869 | </div> | |||
| 6870 | </div> | 6870 | </div> | |||
| 6871 | <div class="porto-grid-item" style="width: 24%;"> | 6871 | <div class="porto-grid-item" style="width: 24%;"> | |||
| 6872 | <div class="porto-ibanner mb-0" style="background: #f6f7f9; min-height: 19.125em;"> | 6872 | <div class="porto-ibanner mb-0" style="background: #f6f7f9; min-height: 19.125em;"> | |||
| 6873 | <div class="porto-ibanner-desc no-padding d-flex"> | 6873 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 6874 | <div class="porto-ibanner-layer" style="width: 80%; left: 50%; top: 50%; transform: translate(-50%, -50%);"> | 6874 | <div class="porto-ibanner-layer" style="width: 80%; left: 50%; top: 50%; transform: translate(-50%, -50%);"> | |||
| 6875 | <div class="porto-sicon-box style_1 top-icon"> | 6875 | <div class="porto-sicon-box style_1 top-icon"> | |||
| 6876 | <div class="porto-sicon-top"> | 6876 | <div class="porto-sicon-top"> | |||
| 6877 | <div id="porto-icon-4057776296048d3b12b76e" class="porto-just-icon-wrapper" style="text-align: center;"> | 6877 | <div id="porto-icon-4057776296048d3b12b76e" class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 6878 | <div class="porto-icon none" style="color: #222529; font-size: 35px; display: inline-block;"><i class="Simple-Line-Icons-credit-card"></i></div> | 6878 | <div class="porto-icon none" style="color: #222529; font-size: 35px; display: inline-block;"><i class="Simple-Line-Icons-credit-card"></i></div> | |||
| 6879 | </div> | 6879 | </div> | |||
| 6880 | </div> | 6880 | </div> | |||
| 6881 | <div class="porto-sicon-header"> | 6881 | <div class="porto-sicon-header"> | |||
| 6882 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1.25em; line-height: 1.3;">SECURED PAYMENT</h3> | 6882 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1.25em; line-height: 1.3;">SECURED PAYMENT</h3> | |||
| 6883 | <p style="font-weight: 600; font-size: 0.875em; line-height: 1; color: #979797;">Safe & Fast</p> | 6883 | <p style="font-weight: 600; font-size: 0.875em; line-height: 1; color: #979797;">Safe & Fast</p> | |||
| 6884 | </div> | 6884 | </div> | |||
| 6885 | <div class="porto-sicon-description" style="font-size: 0.8125em; line-height: 1.8;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapibus lacus.</div> | 6885 | <div class="porto-sicon-description" style="font-size: 0.8125em; line-height: 1.8;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapibus lacus.</div> | |||
| 6886 | </div> | 6886 | </div> | |||
| 6887 | </div> | 6887 | </div> | |||
| 6888 | </div> | 6888 | </div> | |||
| 6889 | </div> | 6889 | </div> | |||
| 6890 | </div> | 6890 | </div> | |||
| 6891 | <div class="porto-grid-item" style="width: 26%;"> | 6891 | <div class="porto-grid-item" style="width: 26%;"> | |||
| 6892 | <div class="porto-ibanner mb-0" style="background: #f6f7f9; min-height: 19.125em;"> | 6892 | <div class="porto-ibanner mb-0" style="background: #f6f7f9; min-height: 19.125em;"> | |||
| 6893 | <div class="porto-ibanner-desc no-padding d-flex"> | 6893 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 6894 | <div class="porto-ibanner-layer" style="width: 80%; left: 50%; top: 50%; transform: translate(-50%, -50%);"> | 6894 | <div class="porto-ibanner-layer" style="width: 80%; left: 50%; top: 50%; transform: translate(-50%, -50%);"> | |||
| 6895 | <div class="porto-sicon-box style_1 top-icon"> | 6895 | <div class="porto-sicon-box style_1 top-icon"> | |||
| 6896 | <div class="porto-sicon-top"> | 6896 | <div class="porto-sicon-top"> | |||
| 6897 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 6897 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 6898 | <div class="porto-icon none" style="color: #222529; font-size: 35px; display: inline-block;"><i class="Simple-Line-Icons-action-undo"></i></div> | 6898 | <div class="porto-icon none" style="color: #222529; font-size: 35px; display: inline-block;"><i class="Simple-Line-Icons-action-undo"></i></div> | |||
| 6899 | </div> | 6899 | </div> | |||
| 6900 | </div> | 6900 | </div> | |||
| 6901 | <div class="porto-sicon-header"> | 6901 | <div class="porto-sicon-header"> | |||
| 6902 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1.25em; line-height: 1.3;">FREE RETURNS</h3> | 6902 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1.25em; line-height: 1.3;">FREE RETURNS</h3> | |||
| 6903 | <p style="font-weight: 600; font-size: 0.875em; line-height: 1; color: #979797;">Easy & Free</p> | 6903 | <p style="font-weight: 600; font-size: 0.875em; line-height: 1; color: #979797;">Easy & Free</p> | |||
| 6904 | </div> | 6904 | </div> | |||
| 6905 | <div class="porto-sicon-description" style="font-size: 0.8125em; line-height: 1.8;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapibus lacus.</div> | 6905 | <div class="porto-sicon-description" style="font-size: 0.8125em; line-height: 1.8;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapibus lacus.</div> | |||
| 6906 | </div> | 6906 | </div> | |||
| 6907 | </div> | 6907 | </div> | |||
| 6908 | </div> | 6908 | </div> | |||
| 6909 | </div> | 6909 | </div> | |||
| 6910 | </div> | 6910 | </div> | |||
| 6911 | <div class="porto-grid-item" style="width: 24%;"> | 6911 | <div class="porto-grid-item" style="width: 24%;"> | |||
| 6912 | <div class="porto-ibanner mb-0" style="background: #f6f7f9; min-height: 19.125em;"> | 6912 | <div class="porto-ibanner mb-0" style="background: #f6f7f9; min-height: 19.125em;"> | |||
| 6913 | <div class="porto-ibanner-desc no-padding d-flex"> | 6913 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 6914 | <div class="porto-ibanner-layer" style="width: 80%; left: 50%; top: 50%; transform: translate(-50%, -50%);"> | 6914 | <div class="porto-ibanner-layer" style="width: 80%; left: 50%; top: 50%; transform: translate(-50%, -50%);"> | |||
| 6915 | <div class="porto-sicon-box style_1 top-icon"> | 6915 | <div class="porto-sicon-box style_1 top-icon"> | |||
| 6916 | <div class="porto-sicon-top"> | 6916 | <div class="porto-sicon-top"> | |||
| 6917 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 6917 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 6918 | <div class="porto-icon none" style="color: #222529; font-size: 35px; display: inline-block;"><i class="porto-icon-shipping"></i></div> | 6918 | <div class="porto-icon none" style="color: #222529; font-size: 35px; display: inline-block;"><i class="porto-icon-shipping"></i></div> | |||
| 6919 | </div> | 6919 | </div> | |||
| 6920 | </div> | 6920 | </div> | |||
| 6921 | <div class="porto-sicon-header"> | 6921 | <div class="porto-sicon-header"> | |||
| 6922 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1.25em; line-height: 1.3;">FREE SHIPPING</h3> | 6922 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1.25em; line-height: 1.3;">FREE SHIPPING</h3> | |||
| 6923 | <p style="font-weight: 600; font-size: 0.875em; line-height: 1; color: #979797;">Orders Over $99</p> | 6923 | <p style="font-weight: 600; font-size: 0.875em; line-height: 1; color: #979797;">Orders Over $99</p> | |||
| 6924 | </div> | 6924 | </div> | |||
| 6925 | <div class="porto-sicon-description" style="font-size: 0.8125em; line-height: 1.8;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapibus lacus.</div> | 6925 | <div class="porto-sicon-description" style="font-size: 0.8125em; line-height: 1.8;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapibus lacus.</div> | |||
| 6926 | </div> | 6926 | </div> | |||
| 6927 | </div> | 6927 | </div> | |||
| 6928 | </div> | 6928 | </div> | |||
| 6929 | </div> | 6929 | </div> | |||
| 6930 | </div> | 6930 | </div> | |||
| 6931 | <div class="grid-col-sizer" style="width:2%; flex: 0 0 2%"></div> | 6931 | <div class="grid-col-sizer" style="width:2%; flex: 0 0 2%"></div> | |||
| 6932 | </div> | 6932 | </div> | |||
| 6933 | <style scope="scope"> | 6933 | <style scope="scope"> | |||
| 6934 | .container .container { | 6934 | .container .container { | |||
| 6935 | width: 100%; | 6935 | width: 100%; | |||
| 6936 | padding-left: 0; | 6936 | padding-left: 0; | |||
| 6937 | padding-right: 0; | 6937 | padding-right: 0; | |||
| 6938 | } | 6938 | } | |||
| 6939 | .porto-banner-layout {opacity: 0;} | 6939 | .porto-banner-layout {opacity: 0;} | |||
| 6940 | .home-banners { | 6940 | .home-banners { | |||
| 6941 | font-size: .83333vw; | 6941 | font-size: .83333vw; | |||
| 6942 | } | 6942 | } | |||
| 6943 | @media (max-width: 767px) { | 6943 | @media (max-width: 767px) { | |||
| 6944 | .home-banners { | 6944 | .home-banners { | |||
| 6945 | font-size: 2vw; | 6945 | font-size: 2vw; | |||
| 6946 | } | 6946 | } | |||
| 6947 | } | 6947 | } | |||
| 6948 | .home-banners .porto-ibanner-layer { | 6948 | .home-banners .porto-ibanner-layer { | |||
| 6949 | font-size: inherit; | 6949 | font-size: inherit; | |||
| 6950 | } | 6950 | } | |||
| 6951 | .porto-grid-container .porto-grid-item { | 6951 | .porto-grid-container .porto-grid-item { | |||
| 6952 | float: left; | 6952 | float: left; | |||
| 6953 | max-width: 100%; | 6953 | max-width: 100%; | |||
| 6954 | } | 6954 | } | |||
| 6955 | .home-banners .porto-ibanner>img { | 6955 | .home-banners .porto-ibanner>img { | |||
| 6956 | position: absolute; | 6956 | position: absolute; | |||
| 6957 | min-height: auto; | 6957 | min-height: auto; | |||
| 6958 | height: 100%; | 6958 | height: 100%; | |||
| 6959 | left: 0; | 6959 | left: 0; | |||
| 6960 | top: 0; | 6960 | top: 0; | |||
| 6961 | } | 6961 | } | |||
| 6962 | .porto-ultimate-content-box { | 6962 | .porto-ultimate-content-box { | |||
| 6963 | font-size: inherit; | 6963 | font-size: inherit; | |||
| 6964 | } | 6964 | } | |||
| 6965 | .bg-gray { | 6965 | .bg-gray { | |||
| 6966 | background-color: #e8e3e1; | 6966 | background-color: #e8e3e1; | |||
| 6967 | } | 6967 | } | |||
| 6968 | .coupon-sale-text.heading-dark i, .coupon-sale-text.heading-dark sub { | 6968 | .coupon-sale-text.heading-dark i, .coupon-sale-text.heading-dark sub { | |||
| 6969 | color: #fff; | 6969 | color: #fff; | |||
| 6970 | } | 6970 | } | |||
| 6971 | .coupon-sale-text.heading-light i, .coupon-sale-text.heading-light sub { | 6971 | .coupon-sale-text.heading-light i, .coupon-sale-text.heading-light sub { | |||
| 6972 | color: #222529; | 6972 | color: #222529; | |||
| 6973 | } | 6973 | } | |||
| 6974 | .coupon-sale-text i { | 6974 | .coupon-sale-text i { | |||
| 6975 | font-style: normal; | 6975 | font-style: normal; | |||
| 6976 | position: absolute; | 6976 | position: absolute; | |||
| 6977 | left: -2.25em; | 6977 | left: -2.25em; | |||
| 6978 | top: 50%; | 6978 | top: 50%; | |||
| 6979 | transform: translateY(-50%) rotate( | 6979 | transform: translateY(-50%) rotate( | |||
| 6980 | -90deg | 6980 | -90deg | |||
| 6981 | ); | 6981 | ); | |||
| 6982 | font-size: .4em; | 6982 | font-size: .4em; | |||
| 6983 | opacity: .6; | 6983 | opacity: .6; | |||
| 6984 | letter-spacing: 0; | 6984 | letter-spacing: 0; | |||
| 6985 | } | 6985 | } | |||
| 6986 | .coupon-sale-text sub { | 6986 | .coupon-sale-text sub { | |||
| 6987 | position: absolute; | 6987 | position: absolute; | |||
| 6988 | left: 100%; | 6988 | left: 100%; | |||
| 6989 | margin-left: .25rem; | 6989 | margin-left: .25rem; | |||
| 6990 | bottom: .3em; | 6990 | bottom: .3em; | |||
| 6991 | font-size: 70%; | 6991 | font-size: 70%; | |||
| 6992 | line-height: 1; | 6992 | line-height: 1; | |||
| 6993 | } | 6993 | } | |||
| 6994 | .text-sale small { | 6994 | .text-sale small { | |||
| 6995 | display: inline-block!important; | 6995 | display: inline-block!important; | |||
| 6996 | font-size: 27%!important; | 6996 | font-size: 27%!important; | |||
| 6997 | word-break: break-all; | 6997 | word-break: break-all; | |||
| 6998 | width: 1em; | 6998 | width: 1em; | |||
| 6999 | text-align: center; | 6999 | text-align: center; | |||
| 7000 | font-weight: inherit; | 7000 | font-weight: inherit; | |||
| 7001 | white-space: normal; | 7001 | white-space: normal; | |||
| 7002 | } | 7002 | } | |||
| 7003 | .porto-ultimate-content-box .btn-container { | 7003 | .porto-ultimate-content-box .btn-container { | |||
| 7004 | font-size: inherit; | 7004 | font-size: inherit; | |||
| 7005 | } | 7005 | } | |||
| 7006 | 7006 | |||||
| 7007 | .porto-ibanner .btn-modern.btn-xl { | 7007 | .porto-ibanner .btn-modern.btn-xl { | |||
| 7008 | font-size: 1.125em; | 7008 | font-size: 1.125em; | |||
| 7009 | padding: 1.05em 3.125em; | 7009 | padding: 1.05em 3.125em; | |||
| 7010 | } | 7010 | } | |||
| 7011 | .porto-ibanner .btn-modern.btn-lg { | 7011 | .porto-ibanner .btn-modern.btn-lg { | |||
| 7012 | font-size: 1em; | 7012 | font-size: 1em; | |||
| 7013 | padding: 1em 3em; | 7013 | padding: 1em 3em; | |||
| 7014 | } | 7014 | } | |||
| 7015 | .porto-ibanner .btn-modern.btn-md { | 7015 | .porto-ibanner .btn-modern.btn-md { | |||
| 7016 | font-size: .8125em; | 7016 | font-size: .8125em; | |||
| 7017 | padding: .875em 2.25em; | 7017 | padding: .875em 2.25em; | |||
| 7018 | } | 7018 | } | |||
| 7019 | .porto-ibanner .btn-md.vc_btn3-block { | 7019 | .porto-ibanner .btn-md.vc_btn3-block { | |||
| 7020 | padding-top: 1em; | 7020 | padding-top: 1em; | |||
| 7021 | padding-bottom: 1em; | 7021 | padding-bottom: 1em; | |||
| 7022 | } | 7022 | } | |||
| 7023 | .porto-ibanner .btn-sale .btn-modern { | 7023 | .porto-ibanner .btn-sale .btn-modern { | |||
| 7024 | padding: 1.375em 4.5em; | 7024 | padding: 1.375em 4.5em; | |||
| 7025 | max-width: 100%; | 7025 | max-width: 100%; | |||
| 7026 | } | 7026 | } | |||
| 7027 | .porto-ibanner-layer>*:last-child { | 7027 | .porto-ibanner-layer>*:last-child { | |||
| 7028 | margin-bottom: 0; | 7028 | margin-bottom: 0; | |||
| 7029 | } | 7029 | } | |||
| 7030 | .porto-grid-item .btn-modern.btn-xl { | 7030 | .porto-grid-item .btn-modern.btn-xl { | |||
| 7031 | padding: 1.05em 2.25em; | 7031 | padding: 1.05em 2.25em; | |||
| 7032 | } | 7032 | } | |||
| 7033 | .heading.heading-border .heading-tag { | 7033 | .heading.heading-border .heading-tag { | |||
| 7034 | border-top-color: #dbdbdb; | 7034 | border-top-color: #dbdbdb; | |||
| 7035 | border-bottom-color: #dbdbdb; | 7035 | border-bottom-color: #dbdbdb; | |||
| 7036 | } | 7036 | } | |||
| 7037 | .porto-ibanner .porto-ibanner-desc { | 7037 | .porto-ibanner .porto-ibanner-desc { | |||
| 7038 | color: inherit; | 7038 | color: inherit; | |||
| 7039 | } | 7039 | } | |||
| 7040 | .home-banners .sale-label { | 7040 | .home-banners .sale-label { | |||
| 7041 | border-radius: 50%; | 7041 | border-radius: 50%; | |||
| 7042 | width: 2.25em; | 7042 | width: 2.25em; | |||
| 7043 | height: 2.25em; | 7043 | height: 2.25em; | |||
| 7044 | padding-top: calc(1.125em - .5em); | 7044 | padding-top: calc(1.125em - .5em); | |||
| 7045 | letter-spacing: -.08em; | 7045 | letter-spacing: -.08em; | |||
| 7046 | line-height: 1; | 7046 | line-height: 1; | |||
| 7047 | text-align: center; | 7047 | text-align: center; | |||
| 7048 | } | 7048 | } | |||
| 7049 | .home-banners .sale-label small { | 7049 | .home-banners .sale-label small { | |||
| 7050 | letter-spacing: -.025em; | 7050 | letter-spacing: -.025em; | |||
| 7051 | font-size: 70%; | 7051 | font-size: 70%; | |||
| 7052 | display: inline-block; | 7052 | display: inline-block; | |||
| 7053 | font-weight: inherit; | 7053 | font-weight: inherit; | |||
| 7054 | } | 7054 | } | |||
| 7055 | .home-banners .sale-label sup { | 7055 | .home-banners .sale-label sup { | |||
| 7056 | position: static; | 7056 | position: static; | |||
| 7057 | font-size: 75%; | 7057 | font-size: 75%; | |||
| 7058 | } | 7058 | } | |||
| 7059 | .home-banners .sale-label sub { | 7059 | .home-banners .sale-label sub { | |||
| 7060 | display: block; | 7060 | display: block; | |||
| 7061 | font-size: 36%; | 7061 | font-size: 36%; | |||
| 7062 | line-height: 1; | 7062 | line-height: 1; | |||
| 7063 | position: static; | 7063 | position: static; | |||
| 7064 | font-weight: 400; | 7064 | font-weight: 400; | |||
| 7065 | letter-spacing: 0; | 7065 | letter-spacing: 0; | |||
| 7066 | padding-left: .1em; | 7066 | padding-left: .1em; | |||
| 7067 | letter-spacing: -.025em; | 7067 | letter-spacing: -.025em; | |||
| 7068 | opacity: .5; | 7068 | opacity: .5; | |||
| 7069 | } | 7069 | } | |||
| 7070 | .fs-875>.btn { | 7070 | .fs-875>.btn { | |||
| 7071 | font-size: .875em!important; | 7071 | font-size: .875em!important; | |||
| 7072 | } | 7072 | } | |||
| 7073 | .brands-section .wpb_single_image img { | 7073 | .brands-section .wpb_single_image img { | |||
| 7074 | filter: brightness(0) invert(1); | 7074 | filter: brightness(0) invert(1); | |||
| 7075 | display: block; | 7075 | display: block; | |||
| 7076 | } | 7076 | } | |||
| 7077 | #banner-masonry-demo-12 .porto-grid-item { | 7077 | #banner-masonry-demo-12 .porto-grid-item { | |||
| 7078 | padding: 0.1875em; | 7078 | padding: 0.1875em; | |||
| 7079 | } | 7079 | } | |||
| 7080 | #banner-masonry-demo-12 { | 7080 | #banner-masonry-demo-12 { | |||
| 7081 | margin: -0.1875em -0.1875em 0.1875em; | 7081 | margin: -0.1875em -0.1875em 0.1875em; | |||
| 7082 | } | 7082 | } | |||
| 7083 | @media (max-width: 767px) { | 7083 | @media (max-width: 767px) { | |||
| 7084 | #banner-masonry-demo-12 { | 7084 | #banner-masonry-demo-12 { | |||
| 7085 | height: auto !important; | 7085 | height: auto !important; | |||
| 7086 | } | 7086 | } | |||
| 7087 | #banner-masonry-demo-12 .porto-grid-item:first-child { | 7087 | #banner-masonry-demo-12 .porto-grid-item:first-child { | |||
| 7088 | margin-top: 0; | 7088 | margin-top: 0; | |||
| 7089 | } | 7089 | } | |||
| 7090 | #banner-masonry-demo-12 .porto-grid-item { | 7090 | #banner-masonry-demo-12 .porto-grid-item { | |||
| 7091 | width: 100% !important; | 7091 | width: 100% !important; | |||
| 7092 | position: static !important; | 7092 | position: static !important; | |||
| 7093 | float: none; | 7093 | float: none; | |||
| 7094 | } | 7094 | } | |||
| 7095 | } | 7095 | } | |||
| 7096 | </style> | 7096 | </style> | |||
| 7097 | </div> | 7097 | </div> | |||
| 7098 | <script type="text/javascript"> | 7098 | <script type="text/javascript"> | |||
| 7099 | require(["jquery", "packery"], function ($, Packery) { | 7099 | require(["jquery", "packery"], function ($, Packery) { | |||
| 7100 | $.bridget("packery", Packery); | 7100 | $.bridget("packery", Packery); | |||
| 7101 | var $container = $("#banner-masonry-demo-12"); | 7101 | var $container = $("#banner-masonry-demo-12"); | |||
| 7102 | $container.css("opacity", 0); | 7102 | $container.css("opacity", 0); | |||
| 7103 | if ($container.length > 0) { | 7103 | if ($container.length > 0) { | |||
| 7104 | $container.imagesLoaded(function () { | 7104 | $container.imagesLoaded(function () { | |||
| 7105 | $container.packery({ | 7105 | $container.packery({ | |||
| 7106 | itemSelector: ".porto-grid-item", | 7106 | itemSelector: ".porto-grid-item", | |||
| 7107 | columnWidth: ".grid-col-sizer", | 7107 | columnWidth: ".grid-col-sizer", | |||
| 7108 | percentPosition: true, | 7108 | percentPosition: true, | |||
| 7109 | }); | 7109 | }); | |||
| 7110 | }); | 7110 | }); | |||
| 7111 | setTimeout(function () { | 7111 | setTimeout(function () { | |||
| 7112 | $container.animate( | 7112 | $container.animate( | |||
| 7113 | { | 7113 | { | |||
| 7114 | opacity: 1, | 7114 | opacity: 1, | |||
| 7115 | }, | 7115 | }, | |||
| 7116 | 200 | 7116 | 200 | |||
| 7117 | ); | 7117 | ); | |||
| 7118 | }, 500); | 7118 | }, 500); | |||
| 7119 | } | 7119 | } | |||
| 7120 | }); | 7120 | }); | |||
| 7121 | </script> | 7121 | </script> | |||
| 7122 | </div> | 7122 | </div> | |||
| 7123 | </div> | 7123 | </div> | |||
| 7124 | </div> | 7124 | </div> | |||
| 7125 | <div class="porto-inner-container p-b" style="margin-bottom: 20px;"> | 7125 | <div class="porto-inner-container p-b" style="margin-bottom: 20px;"> | |||
| 7126 | <div class="porto-wrap-container container"> | 7126 | <div class="porto-wrap-container container"> | |||
| 7127 | <div class="row"> | 7127 | <div class="row"> | |||
| 7128 | <div class="vc_column_container col-md-12"> | 7128 | <div class="vc_column_container col-md-12"> | |||
| 7129 | <div class="wpb_wrapper vc_column-inner"> | 7129 | <div class="wpb_wrapper vc_column-inner"> | |||
| 7130 | <div class="porto-carousel brand-carousel owl-carousel py-5 mb-0"> | 7130 | <div class="porto-carousel brand-carousel owl-carousel py-5 mb-0"> | |||
| 7131 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand1.png"}}" alt="" /></div> | 7131 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand1.png"}}" alt="" /></div> | |||
| 7132 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand2.png"}}" alt="" /></div> | 7132 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand2.png"}}" alt="" /></div> | |||
| 7133 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand3.png"}}" alt="" /></div> | 7133 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand3.png"}}" alt="" /></div> | |||
| 7134 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand4.png"}}" alt="" /></div> | 7134 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand4.png"}}" alt="" /></div> | |||
| 7135 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand5.png"}}" alt="" /></div> | 7135 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand5.png"}}" alt="" /></div> | |||
| 7136 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand6.png"}}" alt="" /></div> | 7136 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand6.png"}}" alt="" /></div> | |||
| 7137 | </div> | 7137 | </div> | |||
| 7138 | <script type="text/javascript"> | 7138 | <script type="text/javascript"> | |||
| 7139 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | 7139 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | |||
| 7140 | $(".brand-carousel.owl-carousel").owlCarousel({ | 7140 | $(".brand-carousel.owl-carousel").owlCarousel({ | |||
| 7141 | autoplay: false, | 7141 | autoplay: false, | |||
| 7142 | autoplayTimeout: 5000, | 7142 | autoplayTimeout: 5000, | |||
| 7143 | autoplayHoverPause: true, | 7143 | autoplayHoverPause: true, | |||
| 7144 | nav: false, | 7144 | nav: false, | |||
| 7145 | dots: false, | 7145 | dots: false, | |||
| 7146 | loop: false, | 7146 | loop: false, | |||
| 7147 | responsive: { | 7147 | responsive: { | |||
| 7148 | 0: { | 7148 | 0: { | |||
| 7149 | items: 2, | 7149 | items: 2, | |||
| 7150 | }, | 7150 | }, | |||
| 7151 | 640: { | 7151 | 640: { | |||
| 7152 | items: 3, | 7152 | items: 3, | |||
| 7153 | }, | 7153 | }, | |||
| 7154 | 768: { | 7154 | 768: { | |||
| 7155 | items: 4, | 7155 | items: 4, | |||
| 7156 | }, | 7156 | }, | |||
| 7157 | 992: { | 7157 | 992: { | |||
| 7158 | items: 5, | 7158 | items: 5, | |||
| 7159 | }, | 7159 | }, | |||
| 7160 | 1200: { | 7160 | 1200: { | |||
| 7161 | items: 6, | 7161 | items: 6, | |||
| 7162 | }, | 7162 | }, | |||
| 7163 | }, | 7163 | }, | |||
| 7164 | }); | 7164 | }); | |||
| 7165 | }); | 7165 | }); | |||
| 7166 | </script> | 7166 | </script> | |||
| 7167 | <div class="porto-separator mb-5"><hr class="separator-line align_center solid" style="background-color: #e7e7e7;" /></div> | 7167 | <div class="porto-separator mb-5"><hr class="separator-line align_center solid" style="background-color: #e7e7e7;" /></div> | |||
| 7168 | <h2 style="font-size: 1.125rem; line-height: 1.2; text-align: center;" class="vc_custom_heading mb-3 text-uppercase">top brands collection</h2> | 7168 | <h2 style="font-size: 1.125rem; line-height: 1.2; text-align: center;" class="vc_custom_heading mb-3 text-uppercase">top brands collection</h2> | |||
| 7169 | <div id="featured-products" class="porto-products wpb_content_element custom-product-space"> | 7169 | <div id="featured-products" class="porto-products wpb_content_element custom-product-space"> | |||
| 7170 | <div class="slider-wrapper"> | 7170 | <div class="slider-wrapper"> | |||
| 7171 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" extra_class="nav-center-images-only nav-style-4 show-nav-hover show-dots-title-right dots-style-1" product_count="8" product_type="1" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | 7171 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" extra_class="nav-center-images-only nav-style-4 show-nav-hover show-dots-title-right dots-style-1" product_count="8" product_type="1" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||
| 7172 | <script type="text/javascript"> | 7172 | <script type="text/javascript"> | |||
| 7173 | require([ | 7173 | require([ | |||
| 7174 | 'jquery', | 7174 | 'jquery', | |||
| 7175 | 'owl.carousel/owl.carousel.min' | 7175 | 'owl.carousel/owl.carousel.min' | |||
| 7176 | ], function ($) { | 7176 | ], function ($) { | |||
| 7177 | $("#featured-products .owl-carousel").owlCarousel({ | 7177 | $("#featured-products .owl-carousel").owlCarousel({ | |||
| 7178 | autoplay: false, | 7178 | autoplay: false, | |||
| 7179 | autoplayTimeout: 5000, | 7179 | autoplayTimeout: 5000, | |||
| 7180 | autoplayHoverPause: true, | 7180 | autoplayHoverPause: true, | |||
| 7181 | loop: false, | 7181 | loop: false, | |||
| 7182 | navRewind: true, | 7182 | navRewind: true, | |||
| 7183 | lazyLoad:true, | 7183 | lazyLoad:true, | |||
| 7184 | margin: 0, | 7184 | margin: 0, | |||
| 7185 | nav: false, | 7185 | nav: false, | |||
| 7186 | dots: false, | 7186 | dots: false, | |||
| 7187 | responsive: { | 7187 | responsive: { | |||
| 7188 | 0: { | 7188 | 0: { | |||
| 7189 | items:2 | 7189 | items:2 | |||
| 7190 | }, | 7190 | }, | |||
| 7191 | 640: { | 7191 | 640: { | |||
| 7192 | items:3 | 7192 | items:3 | |||
| 7193 | }, | 7193 | }, | |||
| 7194 | 768: { | 7194 | 768: { | |||
| 7195 | items:3 | 7195 | items:3 | |||
| 7196 | }, | 7196 | }, | |||
| 7197 | 992: { | 7197 | 992: { | |||
| 7198 | items:4 | 7198 | items:4 | |||
| 7199 | }, | 7199 | }, | |||
| 7200 | 1200: { | 7200 | 1200: { | |||
| 7201 | items:5 | 7201 | items:5 | |||
| 7202 | } | 7202 | } | |||
| 7203 | } | 7203 | } | |||
| 7204 | }); | 7204 | }); | |||
| 7205 | }); | 7205 | }); | |||
| 7206 | </script> | 7206 | </script> | |||
| 7207 | </div> | 7207 | </div> | |||
| 7208 | </div> | 7208 | </div> | |||
| 7209 | <div class="porto-separator mb-5"><hr class="separator-line align_center solid" style="background-color: #e7e7e7;" /></div> | 7209 | <div class="porto-separator mb-5"><hr class="separator-line align_center solid" style="background-color: #e7e7e7;" /></div> | |||
| 7210 | <h2 style="font-size: 1.125rem; line-height: 1.2; text-align: center;" class="vc_custom_heading mb-3 text-uppercase">summer Sale - up to 70%</h2> | 7210 | <h2 style="font-size: 1.125rem; line-height: 1.2; text-align: center;" class="vc_custom_heading mb-3 text-uppercase">summer Sale - up to 70%</h2> | |||
| 7211 | <div id="sale-products" class="porto-products wpb_content_element custom-product-space"> | 7211 | <div id="sale-products" class="porto-products wpb_content_element custom-product-space"> | |||
| 7212 | <div class="slider-wrapper"> | 7212 | <div class="slider-wrapper"> | |||
| 7213 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" extra_class="nav-center-images-only nav-style-4 show-nav-hover show-dots-title-right dots-style-1" product_count="8" product_type="1" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | 7213 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" extra_class="nav-center-images-only nav-style-4 show-nav-hover show-dots-title-right dots-style-1" product_count="8" product_type="1" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||
| 7214 | <script type="text/javascript"> | 7214 | <script type="text/javascript"> | |||
| 7215 | require([ | 7215 | require([ | |||
| 7216 | 'jquery', | 7216 | 'jquery', | |||
| 7217 | 'owl.carousel/owl.carousel.min' | 7217 | 'owl.carousel/owl.carousel.min' | |||
| 7218 | ], function ($) { | 7218 | ], function ($) { | |||
| 7219 | $("#sale-products .owl-carousel").owlCarousel({ | 7219 | $("#sale-products .owl-carousel").owlCarousel({ | |||
| 7220 | autoplay: false, | 7220 | autoplay: false, | |||
| 7221 | autoplayTimeout: 5000, | 7221 | autoplayTimeout: 5000, | |||
| 7222 | autoplayHoverPause: true, | 7222 | autoplayHoverPause: true, | |||
| 7223 | loop: false, | 7223 | loop: false, | |||
| 7224 | navRewind: true, | 7224 | navRewind: true, | |||
| 7225 | lazyLoad:true, | 7225 | lazyLoad:true, | |||
| 7226 | margin: 0, | 7226 | margin: 0, | |||
| 7227 | nav: false, | 7227 | nav: false, | |||
| 7228 | dots: false, | 7228 | dots: false, | |||
| 7229 | responsive: { | 7229 | responsive: { | |||
| 7230 | 0: { | 7230 | 0: { | |||
| 7231 | items:2 | 7231 | items:2 | |||
| 7232 | }, | 7232 | }, | |||
| 7233 | 640: { | 7233 | 640: { | |||
| 7234 | items:3 | 7234 | items:3 | |||
| 7235 | }, | 7235 | }, | |||
| 7236 | 768: { | 7236 | 768: { | |||
| 7237 | items:3 | 7237 | items:3 | |||
| 7238 | }, | 7238 | }, | |||
| 7239 | 992: { | 7239 | 992: { | |||
| 7240 | items:4 | 7240 | items:4 | |||
| 7241 | }, | 7241 | }, | |||
| 7242 | 1200: { | 7242 | 1200: { | |||
| 7243 | items:5 | 7243 | items:5 | |||
| 7244 | } | 7244 | } | |||
| 7245 | } | 7245 | } | |||
| 7246 | }); | 7246 | }); | |||
| 7247 | }); | 7247 | }); | |||
| 7248 | </script> | 7248 | </script> | |||
| 7249 | </div> | 7249 | </div> | |||
| 7250 | </div> | 7250 | </div> | |||
| 7251 | <style> | 7251 | <style> | |||
| 7252 | .custom-product-space .slider-wrapper{ | 7252 | .custom-product-space .slider-wrapper{ | |||
| 7253 | margin-left: -1px; | 7253 | margin-left: -1px; | |||
| 7254 | margin-right: -1px; | 7254 | margin-right: -1px; | |||
| 7255 | } | 7255 | } | |||
| 7256 | .custom-product-space .products .product-item { | 7256 | .custom-product-space .products .product-item { | |||
| 7257 | padding-left: 1px; | 7257 | padding-left: 1px; | |||
| 7258 | padding-right: 1px; | 7258 | padding-right: 1px; | |||
| 7259 | margin-bottom: 2px; | 7259 | margin-bottom: 2px; | |||
| 7260 | } | 7260 | } | |||
| 7261 | </style> | 7261 | </style> | |||
| 7262 | <div class="porto-separator mb-5"><hr class="separator-line align_center solid" style="background-color: #e7e7e7;" /></div> | 7262 | <div class="porto-separator mb-5"><hr class="separator-line align_center solid" style="background-color: #e7e7e7;" /></div> | |||
| 7263 | </div> | 7263 | </div> | |||
| 7264 | </div> | 7264 | </div> | |||
| 7265 | </div> | 7265 | </div> | |||
| 7266 | <div class="row"> | 7266 | <div class="row"> | |||
| 7267 | <div class="col-md-3"> | 7267 | <div class="col-md-3"> | |||
| 7268 | <div class="wpb_wrapper vc_column-inner"> | 7268 | <div class="wpb_wrapper vc_column-inner"> | |||
| 7269 | <div class="vc_widget_woo_products wpb_content_element"> | 7269 | <div class="vc_widget_woo_products wpb_content_element"> | |||
| 7270 | <div class="widget woocommerce widget_products"><h2 class="widgettitle">FEATURED PRODUCTS</h2></div> | 7270 | <div class="widget woocommerce widget_products"><h2 class="widgettitle">FEATURED PRODUCTS</h2></div> | |||
| 7271 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}} | 7271 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}} | |||
| 7272 | </div> | 7272 | </div> | |||
| 7273 | </div> | 7273 | </div> | |||
| 7274 | </div> | 7274 | </div> | |||
| 7275 | <div class="col-md-3"> | 7275 | <div class="col-md-3"> | |||
| 7276 | <div class="wpb_wrapper vc_column-inner"> | 7276 | <div class="wpb_wrapper vc_column-inner"> | |||
| 7277 | <div class="vc_widget_woo_products wpb_content_element"> | 7277 | <div class="vc_widget_woo_products wpb_content_element"> | |||
| 7278 | <div class="widget woocommerce widget_products"><h2 class="widgettitle">BEST SELLING PRODUCTS</h2></div> | 7278 | <div class="widget woocommerce widget_products"><h2 class="widgettitle">BEST SELLING PRODUCTS</h2></div> | |||
| 7279 | {{block class="Smartwave\Filterproducts\Block\Home\BestsellersList" name="bestseller_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}} | 7279 | {{block class="Smartwave\Filterproducts\Block\Home\BestsellersList" name="bestseller_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}} | |||
| 7280 | </div> | 7280 | </div> | |||
| 7281 | </div> | 7281 | </div> | |||
| 7282 | </div> | 7282 | </div> | |||
| 7283 | <div class="col-md-3"> | 7283 | <div class="col-md-3"> | |||
| 7284 | <div class="wpb_wrapper vc_column-inner"> | 7284 | <div class="wpb_wrapper vc_column-inner"> | |||
| 7285 | <div class="vc_widget_woo_products wpb_content_element"> | 7285 | <div class="vc_widget_woo_products wpb_content_element"> | |||
| 7286 | <div class="widget woocommerce widget_products"><h2 class="widgettitle">LATEST PRODUCTS</h2></div> | 7286 | <div class="widget woocommerce widget_products"><h2 class="widgettitle">LATEST PRODUCTS</h2></div> | |||
| 7287 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}} | 7287 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}} | |||
| 7288 | </div> | 7288 | </div> | |||
| 7289 | </div> | 7289 | </div> | |||
| 7290 | </div> | 7290 | </div> | |||
| 7291 | <div class="col-md-3"> | 7291 | <div class="col-md-3"> | |||
| 7292 | <div class="wpb_wrapper vc_column-inner"> | 7292 | <div class="wpb_wrapper vc_column-inner"> | |||
| 7293 | <div class="vc_widget_woo_top_rated_products wpb_content_element"> | 7293 | <div class="vc_widget_woo_top_rated_products wpb_content_element"> | |||
| 7294 | <div class="widget woocommerce widget_top_rated_products"><h2 class="widgettitle">Top Rated Products</h2></div> | 7294 | <div class="widget woocommerce widget_top_rated_products"><h2 class="widgettitle">Top Rated Products</h2></div> | |||
| 7295 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="top_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}} | 7295 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="top_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}} | |||
| 7296 | </div> | 7296 | </div> | |||
| 7297 | </div> | 7297 | </div> | |||
| 7298 | </div> | 7298 | </div> | |||
| 7299 | </div> | 7299 | </div> | |||
| 7300 | </div> | 7300 | </div> | |||
| 7301 | </div> | 7301 | </div> | |||
| 7302 | ]]> | 7302 | ]]> | |||
| 7303 | </content> | 7303 | </content> | |||
| 7304 | 7304 | |||||
| 7305 | <is_active> | 7305 | <is_active> | |||
| 7306 | 1 | 7306 | 1 | |||
| 7307 | </is_active> | 7307 | </is_active> | |||
| 7308 | 7308 | |||||
| 7309 | <page_layout> | 7309 | <page_layout> | |||
| 7310 | 1column | 7310 | 1column | |||
| 7311 | </page_layout> | 7311 | </page_layout> | |||
| 7312 | 7312 | |||||
| 7313 | <layout_update_xml> | 7313 | <layout_update_xml> | |||
| 7314 | <![CDATA[]]> | 7314 | <![CDATA[]]> | |||
| 7315 | </layout_update_xml> | 7315 | </layout_update_xml> | |||
| 7316 | 7316 | |||||
| 7317 | </cms_item> | 7317 | </cms_item> | |||
| 7318 | 7318 | |||||
| 7319 | <cms_item> | 7319 | <cms_item> | |||
| 7320 | 7320 | |||||
| 7321 | <title> | 7321 | <title> | |||
| 7322 | Porto - Homepage 13 | 7322 | Porto - Homepage 13 | |||
| 7323 | </title> | 7323 | </title> | |||
| 7324 | 7324 | |||||
| 7325 | <identifier> | 7325 | <identifier> | |||
| 7326 | porto_home_13 | 7326 | porto_home_13 | |||
| 7327 | </identifier> | 7327 | </identifier> | |||
| 7328 | 7328 | |||||
| 7329 | <content> | 7329 | <content> | |||
| 7330 | <![CDATA[<style> | 7330 | <![CDATA[<style> | |||
| 7331 | .columns .column.main { | 7331 | .columns .column.main { | |||
| 7332 | padding-bottom: 0; | 7332 | padding-bottom: 0; | |||
| 7333 | } | 7333 | } | |||
| 7334 | .h-100.owl-carousel .owl-stage-outer, .h-100.owl-carousel .owl-stage, .h-100.owl-carousel .owl-item, .h-100>.porto-ultimate-content-box { | 7334 | .h-100.owl-carousel .owl-stage-outer, .h-100.owl-carousel .owl-stage, .h-100.owl-carousel .owl-item, .h-100>.porto-ultimate-content-box { | |||
| 7335 | height: 100%; | 7335 | height: 100%; | |||
| 7336 | } | 7336 | } | |||
| 7337 | .porto-ibanner-layer { | 7337 | .porto-ibanner-layer { | |||
| 7338 | position: absolute; | 7338 | position: absolute; | |||
| 7339 | z-index: 10; | 7339 | z-index: 10; | |||
| 7340 | } | 7340 | } | |||
| 7341 | .owl-carousel.nav-inside-left .owl-dots { | 7341 | .owl-carousel.nav-inside-left .owl-dots { | |||
| 7342 | left: 5%; | 7342 | left: 5%; | |||
| 7343 | bottom: 2rem; | 7343 | bottom: 2rem; | |||
| 7344 | } | 7344 | } | |||
| 7345 | .product.data.items > .item.content { | 7345 | .product.data.items > .item.content { | |||
| 7346 | border-width: 2px; | 7346 | border-width: 2px; | |||
| 7347 | position: relative; | 7347 | position: relative; | |||
| 7348 | top: 0; | 7348 | top: 0; | |||
| 7349 | z-index: -1; | 7349 | z-index: -1; | |||
| 7350 | margin-top: 44px; | 7350 | margin-top: 44px; | |||
| 7351 | } | 7351 | } | |||
| 7352 | @media(max-width: 767px) { | 7352 | @media(max-width: 767px) { | |||
| 7353 | .product.data.items > .item.content { | 7353 | .product.data.items > .item.content { | |||
| 7354 | margin-top: 35px; | 7354 | margin-top: 35px; | |||
| 7355 | padding-top: 0; | 7355 | padding-top: 0; | |||
| 7356 | } | 7356 | } | |||
| 7357 | } | 7357 | } | |||
| 7358 | .product.data.items > .item.content > .products { | 7358 | .product.data.items > .item.content > .products { | |||
| 7359 | » margin-top:-9px; | 7359 | » margin-top:-9px; | |||
| 7360 | } | 7360 | } | |||
| 7361 | .product.data.items .item.title { | 7361 | .product.data.items .item.title { | |||
| 7362 | font-family: Poppins; | 7362 | font-family: Poppins; | |||
| 7363 | font-weight: 700; | 7363 | font-weight: 700; | |||
| 7364 | font-size: 14px; | 7364 | font-size: 14px; | |||
| 7365 | letter-spacing: -.025em; | 7365 | letter-spacing: -.025em; | |||
| 7366 | color: #282d3b; | 7366 | color: #282d3b; | |||
| 7367 | padding: 10px 0; | 7367 | padding: 10px 0; | |||
| 7368 | } | 7368 | } | |||
| 7369 | .product.data.items > .item.title:hover { | 7369 | .product.data.items > .item.title:hover { | |||
| 7370 | border-color: #ee3d43; | 7370 | border-color: #ee3d43; | |||
| 7371 | color: #ee3d43; | 7371 | color: #ee3d43; | |||
| 7372 | } | 7372 | } | |||
| 7373 | .product.data.items > .item.title.active { | 7373 | .product.data.items > .item.title.active { | |||
| 7374 | color: #ee3d43; | 7374 | color: #ee3d43; | |||
| 7375 | border-color: #ee3d43; | 7375 | border-color: #ee3d43; | |||
| 7376 | } | 7376 | } | |||
| 7377 | .product.data.items > .item.title > .switch {font-size: inherit;} | 7377 | .product.data.items > .item.title > .switch {font-size: inherit;} | |||
| 7378 | .bg-size-auto100>div { | 7378 | .bg-size-auto100>div { | |||
| 7379 | background-size: auto 100%!important; | 7379 | background-size: auto 100%!important; | |||
| 7380 | } | 7380 | } | |||
| 7381 | @media (min-width: 768px) { | 7381 | @media (min-width: 768px) { | |||
| 7382 | .product.data.items > .item.title { | 7382 | .product.data.items > .item.title { | |||
| 7383 | margin-right: 31px; | 7383 | margin-right: 31px; | |||
| 7384 | } | 7384 | } | |||
| 7385 | .pc-width-44 { | 7385 | .pc-width-44 { | |||
| 7386 | flex: 0 0 44.4444%; | 7386 | flex: 0 0 44.4444%; | |||
| 7387 | max-width: 44.4444%; | 7387 | max-width: 44.4444%; | |||
| 7388 | } | 7388 | } | |||
| 7389 | .pc-width-55 { | 7389 | .pc-width-55 { | |||
| 7390 | flex: 0 0 55.5555%; | 7390 | flex: 0 0 55.5555%; | |||
| 7391 | max-width: 55.5555%; | 7391 | max-width: 55.5555%; | |||
| 7392 | } | 7392 | } | |||
| 7393 | } | 7393 | } | |||
| 7394 | </style> | 7394 | </style> | |||
| 7395 | <div class="home-banner-slider mt-lg-3 pt-lg-1 porto-inner-container"> | 7395 | <div class="home-banner-slider mt-lg-3 pt-lg-1 porto-inner-container"> | |||
| 7396 | <div class="container"> | 7396 | <div class="container"> | |||
| 7397 | <div class="row"> | 7397 | <div class="row"> | |||
| 7398 | <div class="m-b-md col-md-12 col-lg-9"> | 7398 | <div class="m-b-md col-md-12 col-lg-9"> | |||
| 7399 | <div class="wpb_wrapper vc_column-inner h-100"> | 7399 | <div class="wpb_wrapper vc_column-inner h-100"> | |||
| 7400 | <div id="banner-slider-demo-13" class="porto-carousel owl-carousel has-ccols ccols-1 h-100 mb-0 nav-inside dots-style-1 nav-inside-left"> | 7400 | <div id="banner-slider-demo-13" class="porto-carousel owl-carousel has-ccols ccols-1 h-100 mb-0 nav-inside dots-style-1 nav-inside-left"> | |||
| 7401 | <div class="porto-ultimate-content-box-container h-100"> | 7401 | <div class="porto-ultimate-content-box-container h-100"> | |||
| 7402 | <div | 7402 | <div | |||
| 7403 | class="porto-ultimate-content-box has-content-pos justify-content-center" | 7403 | class="porto-ultimate-content-box has-content-pos justify-content-center" | |||
| 7404 | style="padding: 5rem 0 5rem 5%; | 7404 | style="padding: 5rem 0 5rem 5%; | |||
| 7405 | background-color: #374654; | 7405 | background-color: #374654; | |||
| 7406 | background-size: cover; | 7406 | background-size: cover; | |||
| 7407 | background-repeat: no-repeat; | 7407 | background-repeat: no-repeat; | |||
| 7408 | background-position: center center; | 7408 | background-position: center center; | |||
| 7409 | background-color: rgba(0, 0, 0, 0); | 7409 | background-color: rgba(0, 0, 0, 0); | |||
| 7410 | min-height: 378px; | 7410 | min-height: 378px; | |||
| 7411 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/13/shop13_home_slider1.jpg"}}'); | 7411 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/13/shop13_home_slider1.jpg"}}'); | |||
| 7412 | "> | 7412 | "> | |||
| 7413 | <h4 style="font-size: 1.54em; color: rgba(255, 255, 255, 0.7); line-height: 1; font-weight: 500;" class="vc_custom_heading ls-80 align-left">Find the Boundaries. Push Through!</h4> | 7413 | <h4 style="font-size: 1.54em; color: rgba(255, 255, 255, 0.7); line-height: 1; font-weight: 500;" class="vc_custom_heading ls-80 align-left">Find the Boundaries. Push Through!</h4> | |||
| 7414 | <h2 style="font-size: 4.3125em; line-height: 1; font-weight: 700; letter-spacing: 0.005em;" class="vc_custom_heading mb-1 custom-font4 align-left heading-light">Summer Sale</h2> | 7414 | <h2 style="font-size: 4.3125em; line-height: 1; font-weight: 700; letter-spacing: 0.005em;" class="vc_custom_heading mb-1 custom-font4 align-left heading-light">Summer Sale</h2> | |||
| 7415 | <h3 style="font-size: 7.6em; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-3 align-left heading-light">70% OFF</h3> | 7415 | <h3 style="font-size: 7.6em; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-3 align-left heading-light">70% OFF</h3> | |||
| 7416 | <div class="vc_row wpb_row vc_inner row"> | 7416 | <div class="vc_row wpb_row vc_inner row"> | |||
| 7417 | <div class="vc_column_container col-md-12"> | 7417 | <div class="vc_column_container col-md-12"> | |||
| 7418 | <div class="wpb_wrapper vc_column-inner"> | 7418 | <div class="wpb_wrapper vc_column-inner"> | |||
| 7419 | <h4 style="font-size: 1.1em; line-height: 1; font-weight: 600;" class="vc_custom_heading mr-3 pull-left p-t-sm ls-n-20 align-left text-uppercase heading-light">Starting At</h4> | 7419 | <h4 style="font-size: 1.1em; line-height: 1; font-weight: 600;" class="vc_custom_heading mr-3 pull-left p-t-sm ls-n-20 align-left text-uppercase heading-light">Starting At</h4> | |||
| 7420 | <h4 style="font-size: 1.5em; line-height: 1;" class="vc_custom_heading coupon-sale-text d-inline-block mr-2 background-color-secondary align-left heading-light"> | 7420 | <h4 style="font-size: 1.5em; line-height: 1;" class="vc_custom_heading coupon-sale-text d-inline-block mr-2 background-color-secondary align-left heading-light"> | |||
| 7421 | <b><sup>$</sup>199<sup>99</sup></b> | 7421 | <b><sup>$</sup>199<sup>99</sup></b> | |||
| 7422 | </h4> | 7422 | </h4> | |||
| 7423 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-md btn-primary">Shop Now!</button></div> | 7423 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-md btn-primary">Shop Now!</button></div> | |||
| 7424 | </div> | 7424 | </div> | |||
| 7425 | </div> | 7425 | </div> | |||
| 7426 | </div> | 7426 | </div> | |||
| 7427 | </div> | 7427 | </div> | |||
| 7428 | </div> | 7428 | </div> | |||
| 7429 | <div class="porto-ultimate-content-box-container h-100"> | 7429 | <div class="porto-ultimate-content-box-container h-100"> | |||
| 7430 | <div class="porto-ultimate-content-box has-content-pos justify-content-center" | 7430 | <div class="porto-ultimate-content-box has-content-pos justify-content-center" | |||
| 7431 | style="padding: 5rem 0 5rem 5%; | 7431 | style="padding: 5rem 0 5rem 5%; | |||
| 7432 | background-color: #ee3d43; | 7432 | background-color: #ee3d43; | |||
| 7433 | background-size: cover; | 7433 | background-size: cover; | |||
| 7434 | background-repeat: no-repeat; | 7434 | background-repeat: no-repeat; | |||
| 7435 | background-position: center center; | 7435 | background-position: center center; | |||
| 7436 | background-color: rgba(0, 0, 0, 0); | 7436 | background-color: rgba(0, 0, 0, 0); | |||
| 7437 | min-height: 378px; | 7437 | min-height: 378px; | |||
| 7438 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/13/shop13_home_slider2.jpg"}}'); | 7438 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/13/shop13_home_slider2.jpg"}}'); | |||
| 7439 | "> | 7439 | "> | |||
| 7440 | <h4 style="font-size: 1.6em; color: rgba(255, 255, 255, 0.7); line-height: 1; font-weight: 500;" class="vc_custom_heading ls-80 mb-2 align-left">OVER 200 PRODUCTS WITH DISCOUNTS</h4> | 7440 | <h4 style="font-size: 1.6em; color: rgba(255, 255, 255, 0.7); line-height: 1; font-weight: 500;" class="vc_custom_heading ls-80 mb-2 align-left">OVER 200 PRODUCTS WITH DISCOUNTS</h4> | |||
| 7441 | <h3 style="font-size: 5.5em; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-3 align-left heading-light">GREAT DEALS</h3> | 7441 | <h3 style="font-size: 5.5em; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-3 align-left heading-light">GREAT DEALS</h3> | |||
| 7442 | <div class="vc_row wpb_row vc_inner row"> | 7442 | <div class="vc_row wpb_row vc_inner row"> | |||
| 7443 | <div class="vc_column_container col-md-12"> | 7443 | <div class="vc_column_container col-md-12"> | |||
| 7444 | <div class="wpb_wrapper vc_column-inner"> | 7444 | <div class="wpb_wrapper vc_column-inner"> | |||
| 7445 | <h4 style="font-size: 1.4em; line-height: 1.5; font-weight: 700;" class="vc_custom_heading mr-2 pull-left align-left text-uppercase heading-light">Starting At</h4> | 7445 | <h4 style="font-size: 1.4em; line-height: 1.5; font-weight: 700;" class="vc_custom_heading mr-2 pull-left align-left text-uppercase heading-light">Starting At</h4> | |||
| 7446 | <h6 style="font-size: 2.6em; line-height: 1;" class="vc_custom_heading pull-left m-r-lg align-left heading-light"> | 7446 | <h6 style="font-size: 2.6em; line-height: 1;" class="vc_custom_heading pull-left m-r-lg align-left heading-light"> | |||
| 7447 | <b><sup>$</sup>299<sup>99</sup></b> | 7447 | <b><sup>$</sup>299<sup>99</sup></b> | |||
| 7448 | </h6> | 7448 | </h6> | |||
| 7449 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-md btn-primary">Get Yours!</button></div> | 7449 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-md btn-primary">Get Yours!</button></div> | |||
| 7450 | </div> | 7450 | </div> | |||
| 7451 | </div> | 7451 | </div> | |||
| 7452 | </div> | 7452 | </div> | |||
| 7453 | </div> | 7453 | </div> | |||
| 7454 | </div> | 7454 | </div> | |||
| 7455 | </div> | 7455 | </div> | |||
| 7456 | <script type="text/javascript"> | 7456 | <script type="text/javascript"> | |||
| 7457 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | 7457 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | |||
| 7458 | $("#banner-slider-demo-13").owlCarousel({ | 7458 | $("#banner-slider-demo-13").owlCarousel({ | |||
| 7459 | items: 1, | 7459 | items: 1, | |||
| 7460 | autoplay: false, | 7460 | autoplay: false, | |||
| 7461 | autoplayTimeout: 5000, | 7461 | autoplayTimeout: 5000, | |||
| 7462 | autoplayHoverPause: true, | 7462 | autoplayHoverPause: true, | |||
| 7463 | dots: true, | 7463 | dots: true, | |||
| 7464 | navRewind: true, | 7464 | navRewind: true, | |||
| 7465 | animateIn: "fadeIn", | 7465 | animateIn: "fadeIn", | |||
| 7466 | animateOut: "fadeOut", | 7466 | animateOut: "fadeOut", | |||
| 7467 | loop: false, | 7467 | loop: false, | |||
| 7468 | nav: false | 7468 | nav: false | |||
| 7469 | }); | 7469 | }); | |||
| 7470 | }); | 7470 | }); | |||
| 7471 | </script> | 7471 | </script> | |||
| 7472 | </div> | 7472 | </div> | |||
| 7473 | </div> | 7473 | </div> | |||
| 7474 | <div class="col-md-12 col-lg-3"> | 7474 | <div class="col-md-12 col-lg-3"> | |||
| 7475 | <div class="wpb_wrapper vc_column-inner"> | 7475 | <div class="wpb_wrapper vc_column-inner"> | |||
| 7476 | <div class="row"> | 7476 | <div class="row"> | |||
| 7477 | <div class="col-md-4 col-lg-12 col-12"> | 7477 | <div class="col-md-4 col-lg-12 col-12"> | |||
| 7478 | <div class="wpb_wrapper vc_column-inner"> | 7478 | <div class="wpb_wrapper vc_column-inner"> | |||
| 7479 | <div class="porto-ibanner porto-ibe-boxshadow m-b-md" style="background: #f4f4f4;"> | 7479 | <div class="porto-ibanner porto-ibe-boxshadow m-b-md" style="background: #f4f4f4;"> | |||
| 7480 | <img src='{{media url="wysiwyg/smartwave/porto/homepage/13/shop13_home_banner1.jpg"}}' /> | 7480 | <img src='{{media url="wysiwyg/smartwave/porto/homepage/13/shop13_home_banner1.jpg"}}' /> | |||
| 7481 | <div class="porto-ibanner-desc no-padding d-flex"> | 7481 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 7482 | <div class="porto-ibanner-layer" style="right: 8%; top: 50%; transform: translateY(-50%);"> | 7482 | <div class="porto-ibanner-layer" style="right: 8%; top: 50%; transform: translateY(-50%);"> | |||
| 7483 | <h3 style="font-size: 1.4em; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-2 align-right">Handbags</h3> | 7483 | <h3 style="font-size: 1.4em; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-2 align-right">Handbags</h3> | |||
| 7484 | <h4 style="font-size: 0.9375em; line-height: 1; font-weight: 600;" class="vc_custom_heading mb-4 align-right text-uppercase heading-secondary">STARTING AT $99</h4> | 7484 | <h4 style="font-size: 0.9375em; line-height: 1; font-weight: 600;" class="vc_custom_heading mb-4 align-right text-uppercase heading-secondary">STARTING AT $99</h4> | |||
| 7485 | <div class="btn-container text-right"><button class="btn btn-flat btn-md btn-light">SHOP NOW</button></div> | 7485 | <div class="btn-container text-right"><button class="btn btn-flat btn-md btn-light">SHOP NOW</button></div> | |||
| 7486 | </div> | 7486 | </div> | |||
| 7487 | </div> | 7487 | </div> | |||
| 7488 | </div> | 7488 | </div> | |||
| 7489 | </div> | 7489 | </div> | |||
| 7490 | </div> | 7490 | </div> | |||
| 7491 | <div class="col-md-4 col-lg-12 col-12"> | 7491 | <div class="col-md-4 col-lg-12 col-12"> | |||
| 7492 | <div class="wpb_wrapper vc_column-inner"> | 7492 | <div class="wpb_wrapper vc_column-inner"> | |||
| 7493 | <div class="porto-ibanner porto-ibe-boxshadow m-b-md" style="background: #f4f4f4;"> | 7493 | <div class="porto-ibanner porto-ibe-boxshadow m-b-md" style="background: #f4f4f4;"> | |||
| 7494 | <img src='{{media url="wysiwyg/smartwave/porto/homepage/13/shop13_home_banner2.jpg"}}' /> | 7494 | <img src='{{media url="wysiwyg/smartwave/porto/homepage/13/shop13_home_banner2.jpg"}}' /> | |||
| 7495 | <div class="porto-ibanner-desc no-padding d-flex"> | 7495 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 7496 | <div class="porto-ibanner-layer" style="width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%);"> | 7496 | <div class="porto-ibanner-layer" style="width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%);"> | |||
| 7497 | <h3 style="font-size: 1.125em; color: #282d3b; line-height: 1; text-align: center; font-weight: 700;" class="vc_custom_heading mb-1 ls-n-35 text-uppercase">DEAL PROMOS</h3> | 7497 | <h3 style="font-size: 1.125em; color: #282d3b; line-height: 1; text-align: center; font-weight: 700;" class="vc_custom_heading mb-1 ls-n-35 text-uppercase">DEAL PROMOS</h3> | |||
| 7498 | <h5 style="font-size: 0.875em; color: #777777; line-height: 1; text-align: center; font-weight: 600;" class="vc_custom_heading mb-2 pb-1 text-uppercase">STARTING AT $99</h5> | 7498 | <h5 style="font-size: 0.875em; color: #777777; line-height: 1; text-align: center; font-weight: 600;" class="vc_custom_heading mb-2 pb-1 text-uppercase">STARTING AT $99</h5> | |||
| 7499 | <div class="btn-container text-center"><button class="btn btn-flat btn-md btn-light">SHOP NOW</button></div> | 7499 | <div class="btn-container text-center"><button class="btn btn-flat btn-md btn-light">SHOP NOW</button></div> | |||
| 7500 | </div> | 7500 | </div> | |||
| 7501 | </div> | 7501 | </div> | |||
| 7502 | </div> | 7502 | </div> | |||
| 7503 | </div> | 7503 | </div> | |||
| 7504 | </div> | 7504 | </div> | |||
| 7505 | <div class="col-md-4 col-lg-12 col-12"> | 7505 | <div class="col-md-4 col-lg-12 col-12"> | |||
| 7506 | <div class="wpb_wrapper vc_column-inner"> | 7506 | <div class="wpb_wrapper vc_column-inner"> | |||
| 7507 | <div class="porto-ibanner porto-ibe-boxshadow m-b-md" style="background: #f4f4f4;"> | 7507 | <div class="porto-ibanner porto-ibe-boxshadow m-b-md" style="background: #f4f4f4;"> | |||
| 7508 | <img src='{{media url="wysiwyg/smartwave/porto/homepage/13/shop13_home_banner3.jpg"}}' /> | 7508 | <img src='{{media url="wysiwyg/smartwave/porto/homepage/13/shop13_home_banner3.jpg"}}' /> | |||
| 7509 | <div class="porto-ibanner-desc no-padding d-flex"> | 7509 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 7510 | <div class="porto-ibanner-layer" style="left: 8%; top: 50%; transform: translateY(-50%);"> | 7510 | <div class="porto-ibanner-layer" style="left: 8%; top: 50%; transform: translateY(-50%);"> | |||
| 7511 | <h3 style="font-size: 1.35em; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-2 align-left heading-primary">Black Jackets</h3> | 7511 | <h3 style="font-size: 1.35em; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-2 align-left heading-primary">Black Jackets</h3> | |||
| 7512 | <h4 style="font-size: 0.875em; line-height: 1; font-weight: 600;" class="vc_custom_heading mb-4 align-left text-uppercase heading-light">STARTING AT $99</h4> | 7512 | <h4 style="font-size: 0.875em; line-height: 1; font-weight: 600;" class="vc_custom_heading mb-4 align-left text-uppercase heading-light">STARTING AT $99</h4> | |||
| 7513 | <div class="btn-container text-color-primary text-left"><button class="btn btn-flat btn-md btn-light">SHOP NOW</button></div> | 7513 | <div class="btn-container text-color-primary text-left"><button class="btn btn-flat btn-md btn-light">SHOP NOW</button></div> | |||
| 7514 | </div> | 7514 | </div> | |||
| 7515 | </div> | 7515 | </div> | |||
| 7516 | </div> | 7516 | </div> | |||
| 7517 | </div> | 7517 | </div> | |||
| 7518 | </div> | 7518 | </div> | |||
| 7519 | </div> | 7519 | </div> | |||
| 7520 | </div> | 7520 | </div> | |||
| 7521 | </div> | 7521 | </div> | |||
| 7522 | </div> | 7522 | </div> | |||
| 7523 | </div> | 7523 | </div> | |||
| 7524 | </div> | 7524 | </div> | |||
| 7525 | <div class="header-top-ads mb-3" style="padding-left: 40px; padding-right: 40px; background-color: #2f3946;"> | 7525 | <div class="header-top-ads mb-3" style="padding-left: 40px; padding-right: 40px; background-color: #2f3946;"> | |||
| 7526 | <style> | 7526 | <style> | |||
| 7527 | .header-top-ads { | 7527 | .header-top-ads { | |||
| 7528 | padding-top: 25px; | 7528 | padding-top: 25px; | |||
| 7529 | padding-bottom: 5px; | 7529 | padding-bottom: 5px; | |||
| 7530 | } | 7530 | } | |||
| 7531 | @media (min-width: 768px) { | 7531 | @media (min-width: 768px) { | |||
| 7532 | .header-top-ads { | 7532 | .header-top-ads { | |||
| 7533 | text-align: center; | 7533 | text-align: center; | |||
| 7534 | } | 7534 | } | |||
| 7535 | .header-top-ads .porto-sicon-box { | 7535 | .header-top-ads .porto-sicon-box { | |||
| 7536 | display: inline-flex; | 7536 | display: inline-flex; | |||
| 7537 | text-align: left; | 7537 | text-align: left; | |||
| 7538 | } | 7538 | } | |||
| 7539 | } | 7539 | } | |||
| 7540 | </style> | 7540 | </style> | |||
| 7541 | <div class="porto-wrap-container container"> | 7541 | <div class="porto-wrap-container container"> | |||
| 7542 | <div class="row align-items-center"> | 7542 | <div class="row align-items-center"> | |||
| 7543 | <div class="col-md-4"> | 7543 | <div class="col-md-4"> | |||
| 7544 | <div class="wpb_wrapper vc_column-inner"> | 7544 | <div class="wpb_wrapper vc_column-inner"> | |||
| 7545 | <div class="porto-sicon-box style_1 default-icon"> | 7545 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 7546 | <div class="porto-sicon-default"> | 7546 | <div class="porto-sicon-default"> | |||
| 7547 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 7547 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 7548 | <div class="porto-icon none" style="color: #ffffff; font-size: 37px; display: inline-block;"><i class="porto-icon-shipping"></i></div> | 7548 | <div class="porto-icon none" style="color: #ffffff; font-size: 37px; display: inline-block;"><i class="porto-icon-shipping"></i></div> | |||
| 7549 | </div> | 7549 | </div> | |||
| 7550 | </div> | 7550 | </div> | |||
| 7551 | <div class="porto-sicon-header"> | 7551 | <div class="porto-sicon-header"> | |||
| 7552 | <h3 class="porto-sicon-title" style="font-weight: 600; font-size: 14px; color: #ffffff;">FREE SHIPPING & RETURN</h3> | 7552 | <h3 class="porto-sicon-title" style="font-weight: 600; font-size: 14px; color: #ffffff;">FREE SHIPPING & RETURN</h3> | |||
| 7553 | <p style="font-weight: 300; font-size: 13px; line-height: 1.2; color: rgba(255, 255, 255, 0.6);">Free Shipping on All Orders Over $99.</p> | 7553 | <p style="font-weight: 300; font-size: 13px; line-height: 1.2; color: rgba(255, 255, 255, 0.6);">Free Shipping on All Orders Over $99.</p> | |||
| 7554 | </div> | 7554 | </div> | |||
| 7555 | </div> | 7555 | </div> | |||
| 7556 | </div> | 7556 | </div> | |||
| 7557 | </div> | 7557 | </div> | |||
| 7558 | <div class="col-md-4"> | 7558 | <div class="col-md-4"> | |||
| 7559 | <div class="wpb_wrapper vc_column-inner"> | 7559 | <div class="wpb_wrapper vc_column-inner"> | |||
| 7560 | <div class="porto-sicon-box style_1 default-icon"> | 7560 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 7561 | <div class="porto-sicon-default"> | 7561 | <div class="porto-sicon-default"> | |||
| 7562 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 7562 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 7563 | <div class="porto-icon none" style="color: #ffffff; font-size: 37px; display: inline-block;"><i class="porto-icon-money"></i></div> | 7563 | <div class="porto-icon none" style="color: #ffffff; font-size: 37px; display: inline-block;"><i class="porto-icon-money"></i></div> | |||
| 7564 | </div> | 7564 | </div> | |||
| 7565 | </div> | 7565 | </div> | |||
| 7566 | <div class="porto-sicon-header"> | 7566 | <div class="porto-sicon-header"> | |||
| 7567 | <h3 class="porto-sicon-title" style="font-weight: 600; font-size: 14px; color: #ffffff;">MONEY BACK GUARANTEE</h3> | 7567 | <h3 class="porto-sicon-title" style="font-weight: 600; font-size: 14px; color: #ffffff;">MONEY BACK GUARANTEE</h3> | |||
| 7568 | <p style="font-weight: 300; font-size: 13px; line-height: 1.2; color: rgba(255, 255, 255, 0.6);">100% Money Back Guarantee</p> | 7568 | <p style="font-weight: 300; font-size: 13px; line-height: 1.2; color: rgba(255, 255, 255, 0.6);">100% Money Back Guarantee</p> | |||
| 7569 | </div> | 7569 | </div> | |||
| 7570 | </div> | 7570 | </div> | |||
| 7571 | </div> | 7571 | </div> | |||
| 7572 | </div> | 7572 | </div> | |||
| 7573 | <div class="col-md-4"> | 7573 | <div class="col-md-4"> | |||
| 7574 | <div class="wpb_wrapper vc_column-inner"> | 7574 | <div class="wpb_wrapper vc_column-inner"> | |||
| 7575 | <div class="porto-sicon-box style_1 default-icon"> | 7575 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 7576 | <div class="porto-sicon-default"> | 7576 | <div class="porto-sicon-default"> | |||
| 7577 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 7577 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 7578 | <div class="porto-icon none" style="color: #ffffff; font-size: 37px; display: inline-block;"><i class="porto-icon-support"></i></div> | 7578 | <div class="porto-icon none" style="color: #ffffff; font-size: 37px; display: inline-block;"><i class="porto-icon-support"></i></div> | |||
| 7579 | </div> | 7579 | </div> | |||
| 7580 | </div> | 7580 | </div> | |||
| 7581 | <div class="porto-sicon-header"> | 7581 | <div class="porto-sicon-header"> | |||
| 7582 | <h3 class="porto-sicon-title" style="font-weight: 600; font-size: 14px; color: #ffffff;">ONLINE SUPPORT 24/7</h3> | 7582 | <h3 class="porto-sicon-title" style="font-weight: 600; font-size: 14px; color: #ffffff;">ONLINE SUPPORT 24/7</h3> | |||
| 7583 | <p style="font-weight: 300; font-size: 13px; line-height: 1.2; color: rgba(255, 255, 255, 0.6);">Lorem Ipsum Dolor Sit Amet.</p> | 7583 | <p style="font-weight: 300; font-size: 13px; line-height: 1.2; color: rgba(255, 255, 255, 0.6);">Lorem Ipsum Dolor Sit Amet.</p> | |||
| 7584 | </div> | 7584 | </div> | |||
| 7585 | </div> | 7585 | </div> | |||
| 7586 | </div> | 7586 | </div> | |||
| 7587 | </div> | 7587 | </div> | |||
| 7588 | </div> | 7588 | </div> | |||
| 7589 | </div> | 7589 | </div> | |||
| 7590 | </div> | 7590 | </div> | |||
| 7591 | <div class="pt-4 porto-inner-container"> | 7591 | <div class="pt-4 porto-inner-container"> | |||
| 7592 | <div class="container"> | 7592 | <div class="container"> | |||
| 7593 | <div class="row"> | 7593 | <div class="row"> | |||
| 7594 | <div class="col-md-8 col-lg-9"> | 7594 | <div class="col-md-8 col-lg-9"> | |||
| 7595 | <div class="wpb_wrapper vc_column-inner"> | 7595 | <div class="wpb_wrapper vc_column-inner"> | |||
| 7596 | <div class="tabs m-t-n-sm mb-0 tabs-simple"> | 7596 | <div class="tabs m-t-n-sm mb-0 tabs-simple"> | |||
| 7597 | <div class="product data items" data-mage-init='{"tabs":{"openedState":"active","collapsible":"true"}}'> | 7597 | <div class="product data items" data-mage-init='{"tabs":{"openedState":"active","collapsible":"true"}}'> | |||
| 7598 | <div class="data item title" aria-labeledby="tab-label-featured-title" data-role="collapsible" id="tab-label-featured"> | 7598 | <div class="data item title" aria-labeledby="tab-label-featured-title" data-role="collapsible" id="tab-label-featured"> | |||
| 7599 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#featured" id="tab-label-featured-title"> | 7599 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#featured" id="tab-label-featured-title"> | |||
| 7600 | <span>Featured Products</span> | 7600 | <span>Featured Products</span> | |||
| 7601 | </a> | 7601 | </a> | |||
| 7602 | </div> | 7602 | </div> | |||
| 7603 | <div class="data item content" id="featured" data-role="content"> | 7603 | <div class="data item content" id="featured" data-role="content"> | |||
| 7604 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="9" column_count="3" product_type="3" aspect_ratio="0" image_width="350" image_height="350" template="grid.phtml"}} | 7604 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="9" column_count="3" product_type="3" aspect_ratio="0" image_width="350" image_height="350" template="grid.phtml"}} | |||
| 7605 | </div> | 7605 | </div> | |||
| 7606 | <div class="data item title" aria-labeledby="tab-label-latest-title" data-role="collapsible" id="tab-label-latest"> | 7606 | <div class="data item title" aria-labeledby="tab-label-latest-title" data-role="collapsible" id="tab-label-latest"> | |||
| 7607 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#latest" id="tab-label-latest-title"> | 7607 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#latest" id="tab-label-latest-title"> | |||
| 7608 | <span>Latest Products</span> | 7608 | <span>Latest Products</span> | |||
| 7609 | </a> | 7609 | </a> | |||
| 7610 | </div> | 7610 | </div> | |||
| 7611 | <div class="data item content" id="latest" data-role="content"> | 7611 | <div class="data item content" id="latest" data-role="content"> | |||
| 7612 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" product_count="9" column_count="3" product_type="3" aspect_ratio="0" image_width="350" image_height="350" template="grid.phtml"}} | 7612 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" product_count="9" column_count="3" product_type="3" aspect_ratio="0" image_width="350" image_height="350" template="grid.phtml"}} | |||
| 7613 | </div> | 7613 | </div> | |||
| 7614 | </div> | 7614 | </div> | |||
| 7615 | </div> | 7615 | </div> | |||
| 7616 | <div class="row"> | 7616 | <div class="row"> | |||
| 7617 | <div class="pc-width-44 col-md-6"> | 7617 | <div class="pc-width-44 col-md-6"> | |||
| 7618 | <div class="wpb_wrapper vc_column-inner"> | 7618 | <div class="wpb_wrapper vc_column-inner"> | |||
| 7619 | <div class="porto-ultimate-content-box-container m-b-md"> | 7619 | <div class="porto-ultimate-content-box-container m-b-md"> | |||
| 7620 | <div class="porto-ultimate-content-box has-content-pos justify-content-center porto-lazyload lazy-load-loaded" | 7620 | <div class="porto-ultimate-content-box has-content-pos justify-content-center porto-lazyload lazy-load-loaded" | |||
| 7621 | style="padding-top: 1.5625rem; | 7621 | style="padding-top: 1.5625rem; | |||
| 7622 | padding-bottom: 1.5625rem; | 7622 | padding-bottom: 1.5625rem; | |||
| 7623 | padding-left: 1.5625rem; | 7623 | padding-left: 1.5625rem; | |||
| 7624 | background-color: #393d46; | 7624 | background-color: #393d46; | |||
| 7625 | background-size: cover; | 7625 | background-size: cover; | |||
| 7626 | background-repeat: no-repeat; | 7626 | background-repeat: no-repeat; | |||
| 7627 | background-position: center center; | 7627 | background-position: center center; | |||
| 7628 | min-height: 196px; | 7628 | min-height: 196px; | |||
| 7629 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/13/shop13_home_banner4.jpg"}}'); | 7629 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/13/shop13_home_banner4.jpg"}}'); | |||
| 7630 | "> | 7630 | "> | |||
| 7631 | <h4 style="font-size: 1.7em; color: #ff7272; line-height: 1;" class="vc_custom_heading mb-2 ls-n-20 align-left text-uppercase">FLASH SALE</h4> | 7631 | <h4 style="font-size: 1.7em; color: #ff7272; line-height: 1;" class="vc_custom_heading mb-2 ls-n-20 align-left text-uppercase">FLASH SALE</h4> | |||
| 7632 | <h5 style="font-size: 1.5em; color: #a2a2a2; line-height: 1; font-weight: 500;" class="vc_custom_heading mb-2 ls-n-20 align-left text-uppercase">COOL SUNGLASSES</h5> | 7632 | <h5 style="font-size: 1.5em; color: #a2a2a2; line-height: 1; font-weight: 500;" class="vc_custom_heading mb-2 ls-n-20 align-left text-uppercase">COOL SUNGLASSES</h5> | |||
| 7633 | <h3 style="font-size: 2.2em; line-height: 1;" class="vc_custom_heading mb-3 ls-n-20 align-left heading-light">Only <sup>$</sup>199<sup>99</sup></h3> | 7633 | <h3 style="font-size: 2.2em; line-height: 1;" class="vc_custom_heading mb-3 ls-n-20 align-left heading-light">Only <sup>$</sup>199<sup>99</sup></h3> | |||
| 7634 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-sm btn-light">VIEW SALE</button></div> | 7634 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-sm btn-light">VIEW SALE</button></div> | |||
| 7635 | </div> | 7635 | </div> | |||
| 7636 | </div> | 7636 | </div> | |||
| 7637 | </div> | 7637 | </div> | |||
| 7638 | </div> | 7638 | </div> | |||
| 7639 | <div class="pc-width-55 col-md-6"> | 7639 | <div class="pc-width-55 col-md-6"> | |||
| 7640 | <div class="wpb_wrapper vc_column-inner"> | 7640 | <div class="wpb_wrapper vc_column-inner"> | |||
| 7641 | <div class="porto-ultimate-content-box-container bg-size-auto100 m-b-md"> | 7641 | <div class="porto-ultimate-content-box-container bg-size-auto100 m-b-md"> | |||
| 7642 | <div class="porto-ultimate-content-box has-content-pos justify-content-center porto-lazyload lazy-load-loaded" | 7642 | <div class="porto-ultimate-content-box has-content-pos justify-content-center porto-lazyload lazy-load-loaded" | |||
| 7643 | style="padding-top: 1.5625rem; | 7643 | style="padding-top: 1.5625rem; | |||
| 7644 | padding-bottom: 1.5625rem; | 7644 | padding-bottom: 1.5625rem; | |||
| 7645 | padding-left: 1.5625rem; | 7645 | padding-left: 1.5625rem; | |||
| 7646 | background-color: #b8c1cf; | 7646 | background-color: #b8c1cf; | |||
| 7647 | background-size: cover; | 7647 | background-size: cover; | |||
| 7648 | background-repeat: no-repeat; | 7648 | background-repeat: no-repeat; | |||
| 7649 | background-position: right center; | 7649 | background-position: right center; | |||
| 7650 | min-height: 196px; | 7650 | min-height: 196px; | |||
| 7651 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/13/shop13_home_banner5.jpg"}}'); | 7651 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/13/shop13_home_banner5.jpg"}}'); | |||
| 7652 | "> | 7652 | "> | |||
| 7653 | <h3 style="font-size: 2.5em; line-height: 1;" class="vc_custom_heading mb-1 custom-font4 align-left heading-primary">Exclusive Shoes</h3> | 7653 | <h3 style="font-size: 2.5em; line-height: 1;" class="vc_custom_heading mb-1 custom-font4 align-left heading-primary">Exclusive Shoes</h3> | |||
| 7654 | <h3 style="font-size: 3.3em; line-height: 0.9;" class="vc_custom_heading mb-3 align-left heading-primary">50% OFF</h3> | 7654 | <h3 style="font-size: 3.3em; line-height: 0.9;" class="vc_custom_heading mb-3 align-left heading-primary">50% OFF</h3> | |||
| 7655 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-sm btn-primary">VIEW SALE</button></div> | 7655 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-sm btn-primary">VIEW SALE</button></div> | |||
| 7656 | </div> | 7656 | </div> | |||
| 7657 | </div> | 7657 | </div> | |||
| 7658 | </div> | 7658 | </div> | |||
| 7659 | </div> | 7659 | </div> | |||
| 7660 | </div> | 7660 | </div> | |||
| 7661 | <div class="row py-3"> | 7661 | <div class="row py-3"> | |||
| 7662 | <div class="col-md-12 col-lg-4"> | 7662 | <div class="col-md-12 col-lg-4"> | |||
| 7663 | <div class="wpb_wrapper vc_column-inner"> | 7663 | <div class="wpb_wrapper vc_column-inner"> | |||
| 7664 | <div class="wpb_content_element"> | 7664 | <div class="wpb_content_element"> | |||
| 7665 | <div class="widget widget_top_rated_products"> | 7665 | <div class="widget widget_top_rated_products"> | |||
| 7666 | <h2 class="widgettitle">Top Rated Products</h2> | 7666 | <h2 class="widgettitle">Top Rated Products</h2> | |||
| 7667 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}} | 7667 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}} | |||
| 7668 | </div> | 7668 | </div> | |||
| 7669 | </div> | 7669 | </div> | |||
| 7670 | </div> | 7670 | </div> | |||
| 7671 | </div> | 7671 | </div> | |||
| 7672 | <div class="col-md-12 col-lg-4"> | 7672 | <div class="col-md-12 col-lg-4"> | |||
| 7673 | <div class="wpb_wrapper vc_column-inner"> | 7673 | <div class="wpb_wrapper vc_column-inner"> | |||
| 7674 | <div class="wpb_content_element"> | 7674 | <div class="wpb_content_element"> | |||
| 7675 | <div class="widget widget_products"> | 7675 | <div class="widget widget_products"> | |||
| 7676 | <h2 class="widgettitle">Best Selling Products</h2> | 7676 | <h2 class="widgettitle">Best Selling Products</h2> | |||
| 7677 | {{block class="Smartwave\Filterproducts\Block\Home\BestsellersList" name="featured_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}} | 7677 | {{block class="Smartwave\Filterproducts\Block\Home\BestsellersList" name="featured_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}} | |||
| 7678 | </div> | 7678 | </div> | |||
| 7679 | </div> | 7679 | </div> | |||
| 7680 | </div> | 7680 | </div> | |||
| 7681 | </div> | 7681 | </div> | |||
| 7682 | <div class="col-md-12 col-lg-4"> | 7682 | <div class="col-md-12 col-lg-4"> | |||
| 7683 | <div class="wpb_wrapper vc_column-inner"> | 7683 | <div class="wpb_wrapper vc_column-inner"> | |||
| 7684 | <div class="wpb_content_element"> | 7684 | <div class="wpb_content_element"> | |||
| 7685 | <div class="widget widget_products"> | 7685 | <div class="widget widget_products"> | |||
| 7686 | <h2 class="widgettitle">Latest Products</h2> | 7686 | <h2 class="widgettitle">Latest Products</h2> | |||
| 7687 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}} | 7687 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}} | |||
| 7688 | </div> | 7688 | </div> | |||
| 7689 | </div> | 7689 | </div> | |||
| 7690 | </div> | 7690 | </div> | |||
| 7691 | </div> | 7691 | </div> | |||
| 7692 | </div> | 7692 | </div> | |||
| 7693 | </div> | 7693 | </div> | |||
| 7694 | </div> | 7694 | </div> | |||
| 7695 | <div class="col-md-4 col-lg-3"> | 7695 | <div class="col-md-4 col-lg-3"> | |||
| 7696 | <style> | 7696 | <style> | |||
| 7697 | .widget_product_categories { | 7697 | .widget_product_categories { | |||
| 7698 | border: 1px solid #e7e7e7; | 7698 | border: 1px solid #e7e7e7; | |||
| 7699 | } | 7699 | } | |||
| 7700 | .widget_product_categories .widget-title { | 7700 | .widget_product_categories .widget-title { | |||
| 7701 | background: #f6f7f9; | 7701 | background: #f6f7f9; | |||
| 7702 | font-size: .875rem; | 7702 | font-size: .875rem; | |||
| 7703 | font-weight: 700; | 7703 | font-weight: 700; | |||
| 7704 | letter-spacing: -.025em; | 7704 | letter-spacing: -.025em; | |||
| 7705 | padding: 1rem 1.25rem; | 7705 | padding: 1rem 1.25rem; | |||
| 7706 | margin: 0; | 7706 | margin: 0; | |||
| 7707 | } | 7707 | } | |||
| 7708 | .widget_product_categories .category-sidebar { | 7708 | .widget_product_categories .category-sidebar { | |||
| 7709 | padding-left: 1.25rem; | 7709 | padding-left: 1.25rem; | |||
| 7710 | padding-right: 1.25rem; | 7710 | padding-right: 1.25rem; | |||
| 7711 | } | 7711 | } | |||
| 7712 | .widget_product_categories .category-sidebar li > .expand-icon { | 7712 | .widget_product_categories .category-sidebar li > .expand-icon { | |||
| 7713 | » color: #222529; | 7713 | » color: #222529; | |||
| 7714 | } | 7714 | } | |||
| 7715 | .widget_product_categories .category-sidebar li:hover { | 7715 | .widget_product_categories .category-sidebar li:hover { | |||
| 7716 | color: #282d3b; | 7716 | color: #282d3b; | |||
| 7717 | } | 7717 | } | |||
| 7718 | </style> | 7718 | </style> | |||
| 7719 | <div class="wpb_wrapper vc_column-inner"> | 7719 | <div class="wpb_wrapper vc_column-inner"> | |||
| 7720 | <div class="wpb_widgetised_column wpb_content_element sidebar-content"> | 7720 | <div class="wpb_widgetised_column wpb_content_element sidebar-content"> | |||
| 7721 | <div class="wpb_wrapper"> | 7721 | <div class="wpb_wrapper"> | |||
| 7722 | <div class="widget widget_product_categories"> | 7722 | <div class="widget widget_product_categories"> | |||
| 7723 | <h3 class="widget-title">Browse Categories</h3> | 7723 | <h3 class="widget-title">Browse Categories</h3> | |||
| 7724 | {{block class="Smartwave\Porto\Block\CategoryCollection" name="category_sidebar" template="Smartwave_Porto::category_side.phtml"}} | 7724 | {{block class="Smartwave\Porto\Block\CategoryCollection" name="category_sidebar" template="Smartwave_Porto::category_side.phtml"}} | |||
| 7725 | </div> | 7725 | </div> | |||
| 7726 | <div class="widget widget-block"> | 7726 | <div class="widget widget-block"> | |||
| 7727 | <div class="porto-block"> | 7727 | <div class="porto-block"> | |||
| 7728 | <style> | 7728 | <style> | |||
| 7729 | .info-box-small-wrap { | 7729 | .info-box-small-wrap { | |||
| 7730 | padding: 0 30px 10px; | 7730 | padding: 0 30px 10px; | |||
| 7731 | } | 7731 | } | |||
| 7732 | .info-box-small-wrap .porto-sicon-top { | 7732 | .info-box-small-wrap .porto-sicon-top { | |||
| 7733 | position: relative; | 7733 | position: relative; | |||
| 7734 | padding-top: 25px; | 7734 | padding-top: 25px; | |||
| 7735 | } | 7735 | } | |||
| 7736 | .info-box-small-wrap .porto-sicon-top:before { | 7736 | .info-box-small-wrap .porto-sicon-top:before { | |||
| 7737 | content: ""; | 7737 | content: ""; | |||
| 7738 | position: absolute; | 7738 | position: absolute; | |||
| 7739 | top: 0; | 7739 | top: 0; | |||
| 7740 | height: 25px; | 7740 | height: 25px; | |||
| 7741 | left: 50%; | 7741 | left: 50%; | |||
| 7742 | border-left: 1px solid #e7e7e7; | 7742 | border-left: 1px solid #e7e7e7; | |||
| 7743 | } | 7743 | } | |||
| 7744 | .info-box-small-wrap .porto-sicon-header .porto-sicon-title { | 7744 | .info-box-small-wrap .porto-sicon-header .porto-sicon-title { | |||
| 7745 | font-family: "Open Sans"; | 7745 | font-family: "Open Sans"; | |||
| 7746 | position: relative; | 7746 | position: relative; | |||
| 7747 | display: inline-block; | 7747 | display: inline-block; | |||
| 7748 | } | 7748 | } | |||
| 7749 | .info-box-small-wrap .porto-sicon-title sup { | 7749 | .info-box-small-wrap .porto-sicon-title sup { | |||
| 7750 | font-weight: 600; | 7750 | font-weight: 600; | |||
| 7751 | font-size: 60%; | 7751 | font-size: 60%; | |||
| 7752 | } | 7752 | } | |||
| 7753 | .info-box-small-wrap .porto-sicon-title sub { | 7753 | .info-box-small-wrap .porto-sicon-title sub { | |||
| 7754 | font-family: "Oswald"; | 7754 | font-family: "Oswald"; | |||
| 7755 | font-size: 20px; | 7755 | font-size: 20px; | |||
| 7756 | text-transform: uppercase; | 7756 | text-transform: uppercase; | |||
| 7757 | font-weight: 400; | 7757 | font-weight: 400; | |||
| 7758 | position: absolute; | 7758 | position: absolute; | |||
| 7759 | right: 4px; | 7759 | right: 4px; | |||
| 7760 | bottom: 3px; | 7760 | bottom: 3px; | |||
| 7761 | line-height: 1.4em; | 7761 | line-height: 1.4em; | |||
| 7762 | } | 7762 | } | |||
| 7763 | .porto-sicon-read span { | 7763 | .porto-sicon-read span { | |||
| 7764 | display: none; | 7764 | display: none; | |||
| 7765 | } | 7765 | } | |||
| 7766 | .wpb_wrapper .porto-sicon-read { | 7766 | .wpb_wrapper .porto-sicon-read { | |||
| 7767 | display: block; | 7767 | display: block; | |||
| 7768 | text-decoration: none !important; | 7768 | text-decoration: none !important; | |||
| 7769 | font-size: 0.8125rem; | 7769 | font-size: 0.8125rem; | |||
| 7770 | font-weight: 700; | 7770 | font-weight: 700; | |||
| 7771 | color: #fff !important; | 7771 | color: #fff !important; | |||
| 7772 | background: #282d3b; | 7772 | background: #282d3b; | |||
| 7773 | padding: 0.75em 2.25em; | 7773 | padding: 0.75em 2.25em; | |||
| 7774 | margin-top: 1rem; | 7774 | margin-top: 1rem; | |||
| 7775 | width: fit-content; | 7775 | width: fit-content; | |||
| 7776 | margin-left: auto; | 7776 | margin-left: auto; | |||
| 7777 | margin-right: auto; | 7777 | margin-right: auto; | |||
| 7778 | } | 7778 | } | |||
| 7779 | .info-box-small-wrap .porto-sicon-box { | 7779 | .info-box-small-wrap .porto-sicon-box { | |||
| 7780 | margin-bottom: 0.5rem; | 7780 | margin-bottom: 0.5rem; | |||
| 7781 | } | 7781 | } | |||
| 7782 | </style> | 7782 | </style> | |||
| 7783 | <div class="info-box-small-wrap" style="border: 1px solid #e7e7e7; border-radius: 2px;"> | 7783 | <div class="info-box-small-wrap" style="border: 1px solid #e7e7e7; border-radius: 2px;"> | |||
| 7784 | <div class="porto-carousel owl-carousel dots-style-1 mb-4 pb-1"> | 7784 | <div class="porto-carousel owl-carousel dots-style-1 mb-4 pb-1"> | |||
| 7785 | <div class="porto-sicon-box style_1 top-icon"> | 7785 | <div class="porto-sicon-box style_1 top-icon"> | |||
| 7786 | <div class="porto-sicon-top"> | 7786 | <div class="porto-sicon-top"> | |||
| 7787 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 7787 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 7788 | <div class="porto-sicon-img" style="display: inline-block; font-size: 113px;"> | 7788 | <div class="porto-sicon-img" style="display: inline-block; font-size: 113px;"> | |||
| 7789 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/13/shop13_off.png"}}" /> | 7789 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/13/shop13_off.png"}}" /> | |||
| 7790 | </div> | 7790 | </div> | |||
| 7791 | </div> | 7791 | </div> | |||
| 7792 | </div> | 7792 | </div> | |||
| 7793 | <div class="porto-sicon-header"> | 7793 | <div class="porto-sicon-header"> | |||
| 7794 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 70px; line-height: 1;">45<sup>%</sup><sub>off</sub></h3> | 7794 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 70px; line-height: 1;">45<sup>%</sup><sub>off</sub></h3> | |||
| 7795 | </div> | 7795 | </div> | |||
| 7796 | <div class="porto-sicon-description" style=""> | 7796 | <div class="porto-sicon-description" style=""> | |||
| 7797 | Lorem ipsum dolor sit amet, consectetur adipiscing elit.<a class="porto-sicon-read xx" href="#">VIEW SALE<span> »</span></a> | 7797 | Lorem ipsum dolor sit amet, consectetur adipiscing elit.<a class="porto-sicon-read xx" href="#">VIEW SALE<span> »</span></a> | |||
| 7798 | </div> | 7798 | </div> | |||
| 7799 | </div> | 7799 | </div> | |||
| 7800 | <div class="porto-sicon-box style_1 top-icon"> | 7800 | <div class="porto-sicon-box style_1 top-icon"> | |||
| 7801 | <div class="porto-sicon-top"> | 7801 | <div class="porto-sicon-top"> | |||
| 7802 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 7802 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 7803 | <div class="porto-sicon-img" style="display: inline-block; font-size: 113px;"> | 7803 | <div class="porto-sicon-img" style="display: inline-block; font-size: 113px;"> | |||
| 7804 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/13/shop13_off.png"}}" /> | 7804 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/13/shop13_off.png"}}" /> | |||
| 7805 | </div> | 7805 | </div> | |||
| 7806 | </div> | 7806 | </div> | |||
| 7807 | </div> | 7807 | </div> | |||
| 7808 | <div class="porto-sicon-header"> | 7808 | <div class="porto-sicon-header"> | |||
| 7809 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 70px; line-height: 1;">45<sup>%</sup><sub>off</sub></h3> | 7809 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 70px; line-height: 1;">45<sup>%</sup><sub>off</sub></h3> | |||
| 7810 | </div> | 7810 | </div> | |||
| 7811 | <div class="porto-sicon-description" style=""> | 7811 | <div class="porto-sicon-description" style=""> | |||
| 7812 | Lorem ipsum dolor sit amet, consectetur adipiscing elit.<a class="porto-sicon-read xx" href="#">VIEW SALE<span> »</span></a> | 7812 | Lorem ipsum dolor sit amet, consectetur adipiscing elit.<a class="porto-sicon-read xx" href="#">VIEW SALE<span> »</span></a> | |||
| 7813 | </div> | 7813 | </div> | |||
| 7814 | </div> | 7814 | </div> | |||
| 7815 | <div class="porto-sicon-box style_1 top-icon"> | 7815 | <div class="porto-sicon-box style_1 top-icon"> | |||
| 7816 | <div class="porto-sicon-top"> | 7816 | <div class="porto-sicon-top"> | |||
| 7817 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 7817 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 7818 | <div class="porto-sicon-img" style="display: inline-block; font-size: 113px;"> | 7818 | <div class="porto-sicon-img" style="display: inline-block; font-size: 113px;"> | |||
| 7819 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/13/shop13_off.png"}}" /> | 7819 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/13/shop13_off.png"}}" /> | |||
| 7820 | </div> | 7820 | </div> | |||
| 7821 | </div> | 7821 | </div> | |||
| 7822 | </div> | 7822 | </div> | |||
| 7823 | <div class="porto-sicon-header"> | 7823 | <div class="porto-sicon-header"> | |||
| 7824 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 70px; line-height: 1;">45<sup>%</sup><sub>off</sub></h3> | 7824 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 70px; line-height: 1;">45<sup>%</sup><sub>off</sub></h3> | |||
| 7825 | </div> | 7825 | </div> | |||
| 7826 | <div class="porto-sicon-description" style=""> | 7826 | <div class="porto-sicon-description" style=""> | |||
| 7827 | Lorem ipsum dolor sit amet, consectetur adipiscing elit.<a class="porto-sicon-read xx" href="#">VIEW SALE<span> »</span></a> | 7827 | Lorem ipsum dolor sit amet, consectetur adipiscing elit.<a class="porto-sicon-read xx" href="#">VIEW SALE<span> »</span></a> | |||
| 7828 | </div> | 7828 | </div> | |||
| 7829 | </div> | 7829 | </div> | |||
| 7830 | </div> | 7830 | </div> | |||
| 7831 | <script type="text/javascript"> | 7831 | <script type="text/javascript"> | |||
| 7832 | require([ | 7832 | require([ | |||
| 7833 | 'jquery', | 7833 | 'jquery', | |||
| 7834 | 'owl.carousel/owl.carousel.min' | 7834 | 'owl.carousel/owl.carousel.min' | |||
| 7835 | ], function ($) { | 7835 | ], function ($) { | |||
| 7836 | $(".info-box-small-wrap .owl-carousel").owlCarousel({ | 7836 | $(".info-box-small-wrap .owl-carousel").owlCarousel({ | |||
| 7837 | items: 1, | 7837 | items: 1, | |||
| 7838 | autoplay: false, | 7838 | autoplay: false, | |||
| 7839 | autoplayTimeout: 5000, | 7839 | autoplayTimeout: 5000, | |||
| 7840 | autoplayHoverPause: true, | 7840 | autoplayHoverPause: true, | |||
| 7841 | dots: true, | 7841 | dots: true, | |||
| 7842 | nav: false, | 7842 | nav: false, | |||
| 7843 | loop: false, | 7843 | loop: false, | |||
| 7844 | navRewind: true, | 7844 | navRewind: true, | |||
| 7845 | margin: 1 | 7845 | margin: 1 | |||
| 7846 | }); | 7846 | }); | |||
| 7847 | }); | 7847 | }); | |||
| 7848 | </script> | 7848 | </script> | |||
| 7849 | </div> | 7849 | </div> | |||
| 7850 | </div> | 7850 | </div> | |||
| 7851 | </div> | 7851 | </div> | |||
| 7852 | <div class="widget widget_text"> | 7852 | <div class="widget widget_text"> | |||
| 7853 | <div class="box-newsletter text-center"> | 7853 | <div class="box-newsletter text-center"> | |||
| 7854 | <div class="box-content pb-3 px-4"> | 7854 | <div class="box-content pb-3 px-4"> | |||
| 7855 | <h4 class="widget-title">Subscribe Newsletter</h4> | 7855 | <h4 class="widget-title">Subscribe Newsletter</h4> | |||
| 7856 | <div class="content-form"> | 7856 | <div class="content-form"> | |||
| 7857 | <p style="font-size: .8125rem">Get all the latest information on Events, Sales and Offers.</p> | 7857 | <p style="font-size: .8125rem">Get all the latest information on Events, Sales and Offers.</p> | |||
| 7858 | {{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form.phtml"}} | 7858 | {{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form.phtml"}} | |||
| 7859 | </div> | 7859 | </div> | |||
| 7860 | </div> | 7860 | </div> | |||
| 7861 | </div> | 7861 | </div> | |||
| 7862 | </div> | 7862 | </div> | |||
| 7863 | <div class="widget widget-block"> | 7863 | <div class="widget widget-block"> | |||
| 7864 | <div class="sidebar-testimonials" style="border: 3px solid #ee3d43;border-radius: 2px;"> | 7864 | <div class="sidebar-testimonials" style="border: 3px solid #ee3d43;border-radius: 2px;"> | |||
| 7865 | <div class="porto-carousel owl-carousel sidebar-testimonial m-b-xl nav-inside dots-style-1 nav-inside-left "> | 7865 | <div class="porto-carousel owl-carousel sidebar-testimonial m-b-xl nav-inside dots-style-1 nav-inside-left "> | |||
| 7866 | <div class="porto-testimonial"> | 7866 | <div class="porto-testimonial"> | |||
| 7867 | <div class="testimonial testimonial-style-4 testimonial-no-borders"> | 7867 | <div class="testimonial testimonial-style-4 testimonial-no-borders"> | |||
| 7868 | <div class="testimonial-author clearfix"> | 7868 | <div class="testimonial-author clearfix"> | |||
| 7869 | <div class="testimonial-author-thumbnail"> | 7869 | <div class="testimonial-author-thumbnail"> | |||
| 7870 | <img class="img-responsive img-circle" src="{{media url="wysiwyg/smartwave/porto/homepage/01/shop2_about_us_person1.jpg"}}" alt="John Smith" /> | 7870 | <img class="img-responsive img-circle" src="{{media url="wysiwyg/smartwave/porto/homepage/01/shop2_about_us_person1.jpg"}}" alt="John Smith" /> | |||
| 7871 | </div> | 7871 | </div> | |||
| 7872 | <p><strong style="color: #222529;">John Smith</strong><span>CEO & Founder</span></p> | 7872 | <p><strong style="color: #222529;">John Smith</strong><span>CEO & Founder</span></p> | |||
| 7873 | </div> | 7873 | </div> | |||
| 7874 | <div class="testimonial-arrow-down"></div> | 7874 | <div class="testimonial-arrow-down"></div> | |||
| 7875 | <blockquote style="color: #777;"><p>Lorem ipsum dolor sit amet, consectetur elitad adipiscing Cras non placerat mi.</p></blockquote> | 7875 | <blockquote style="color: #777;"><p>Lorem ipsum dolor sit amet, consectetur elitad adipiscing Cras non placerat mi.</p></blockquote> | |||
| 7876 | </div> | 7876 | </div> | |||
| 7877 | </div> | 7877 | </div> | |||
| 7878 | <div class="porto-testimonial"> | 7878 | <div class="porto-testimonial"> | |||
| 7879 | <div class="testimonial testimonial-style-4 testimonial-no-borders"> | 7879 | <div class="testimonial testimonial-style-4 testimonial-no-borders"> | |||
| 7880 | <div class="testimonial-author clearfix"> | 7880 | <div class="testimonial-author clearfix"> | |||
| 7881 | <div class="testimonial-author-thumbnail"><img class="img-responsive img-circle" src="{{media url="wysiwyg/smartwave/porto/homepage/01/client-2.jpg"}}" alt="JOHN SMITH" /></div> | 7881 | <div class="testimonial-author-thumbnail"><img class="img-responsive img-circle" src="{{media url="wysiwyg/smartwave/porto/homepage/01/client-2.jpg"}}" alt="JOHN SMITH" /></div> | |||
| 7882 | <p><strong>JOHN SMITH</strong><span>CEO & Founder</span></p> | 7882 | <p><strong>JOHN SMITH</strong><span>CEO & Founder</span></p> | |||
| 7883 | </div> | 7883 | </div> | |||
| 7884 | <div class="testimonial-arrow-down"></div> | 7884 | <div class="testimonial-arrow-down"></div> | |||
| 7885 | <blockquote style="color: #62615e;"><p>Lorem ipsum dolor sit amet, consectetur elitad adipiscing Cras non placerat mi.</p></blockquote> | 7885 | <blockquote style="color: #62615e;"><p>Lorem ipsum dolor sit amet, consectetur elitad adipiscing Cras non placerat mi.</p></blockquote> | |||
| 7886 | </div> | 7886 | </div> | |||
| 7887 | </div> | 7887 | </div> | |||
| 7888 | <div class="porto-testimonial"> | 7888 | <div class="porto-testimonial"> | |||
| 7889 | <div class="testimonial testimonial-style-4 testimonial-no-borders"> | 7889 | <div class="testimonial testimonial-style-4 testimonial-no-borders"> | |||
| 7890 | <div class="testimonial-author clearfix"> | 7890 | <div class="testimonial-author clearfix"> | |||
| 7891 | <div class="testimonial-author-thumbnail"> | 7891 | <div class="testimonial-author-thumbnail"> | |||
| 7892 | <img class="img-responsive img-circle" src="{{media url="wysiwyg/smartwave/porto/homepage/01/shop1_testimonial1.jpg"}}" alt="JOHN SMITH" /> | 7892 | <img class="img-responsive img-circle" src="{{media url="wysiwyg/smartwave/porto/homepage/01/shop1_testimonial1.jpg"}}" alt="JOHN SMITH" /> | |||
| 7893 | </div> | 7893 | </div> | |||
| 7894 | <p><strong>JOHN SMITH</strong><span>CEO & Founder</span></p> | 7894 | <p><strong>JOHN SMITH</strong><span>CEO & Founder</span></p> | |||
| 7895 | </div> | 7895 | </div> | |||
| 7896 | <div class="testimonial-arrow-down"></div> | 7896 | <div class="testimonial-arrow-down"></div> | |||
| 7897 | <blockquote style="color: #3a3a3a;"><p>Lorem ipsum dolor sit amet, consectetur elitad adipiscing Cras non placerat mi.</p></blockquote> | 7897 | <blockquote style="color: #3a3a3a;"><p>Lorem ipsum dolor sit amet, consectetur elitad adipiscing Cras non placerat mi.</p></blockquote> | |||
| 7898 | </div> | 7898 | </div> | |||
| 7899 | </div> | 7899 | </div> | |||
| 7900 | </div> | 7900 | </div> | |||
| 7901 | <script type="text/javascript"> | 7901 | <script type="text/javascript"> | |||
| 7902 | require([ | 7902 | require([ | |||
| 7903 | 'jquery', | 7903 | 'jquery', | |||
| 7904 | 'owl.carousel/owl.carousel.min' | 7904 | 'owl.carousel/owl.carousel.min' | |||
| 7905 | ], function ($) { | 7905 | ], function ($) { | |||
| 7906 | $(".sidebar-testimonials .owl-carousel").owlCarousel({ | 7906 | $(".sidebar-testimonials .owl-carousel").owlCarousel({ | |||
| 7907 | items: 1, | 7907 | items: 1, | |||
| 7908 | autoplay: false, | 7908 | autoplay: false, | |||
| 7909 | autoplayTimeout: 5000, | 7909 | autoplayTimeout: 5000, | |||
| 7910 | autoplayHoverPause: true, | 7910 | autoplayHoverPause: true, | |||
| 7911 | dots: true, | 7911 | dots: true, | |||
| 7912 | nav: false, | 7912 | nav: false, | |||
| 7913 | loop: false, | 7913 | loop: false, | |||
| 7914 | navRewind: true, | 7914 | navRewind: true, | |||
| 7915 | margin: 1 | 7915 | margin: 1 | |||
| 7916 | }); | 7916 | }); | |||
| 7917 | }); | 7917 | }); | |||
| 7918 | </script> | 7918 | </script> | |||
| 7919 | </div> | 7919 | </div> | |||
| 7920 | </div> | 7920 | </div> | |||
| 7921 | <div class="widget widget-block"> | 7921 | <div class="widget widget-block"> | |||
| 7922 | <div class="row"> | 7922 | <div class="row"> | |||
| 7923 | <div class="col-lg-12"> | 7923 | <div class="col-lg-12"> | |||
| 7924 | <div class="porto-recent-posts m-b-n"> | 7924 | <div class="porto-recent-posts m-b-n"> | |||
| 7925 | <div class="row"> | 7925 | <div class="row"> | |||
| 7926 | <div class="post-carousel porto-carousel owl-carousel dots-style-1"> | 7926 | <div class="post-carousel porto-carousel owl-carousel dots-style-1"> | |||
| 7927 | {{widget type="Magefan\Blog\Block\Widget\Recent" number_of_posts="4" custom_template="recent_home.phtml"}} | 7927 | {{widget type="Magefan\Blog\Block\Widget\Recent" number_of_posts="4" custom_template="recent_home.phtml"}} | |||
| 7928 | </div> | 7928 | </div> | |||
| 7929 | </div> | 7929 | </div> | |||
| 7930 | <script type="text/javascript"> | 7930 | <script type="text/javascript"> | |||
| 7931 | require([ | 7931 | require([ | |||
| 7932 | 'jquery', | 7932 | 'jquery', | |||
| 7933 | 'owl.carousel/owl.carousel.min' | 7933 | 'owl.carousel/owl.carousel.min' | |||
| 7934 | ], function ($) { | 7934 | ], function ($) { | |||
| 7935 | $(".porto-recent-posts .owl-carousel").owlCarousel({ | 7935 | $(".porto-recent-posts .owl-carousel").owlCarousel({ | |||
| 7936 | items: 1, | 7936 | items: 1, | |||
| 7937 | autoplay: false, | 7937 | autoplay: false, | |||
| 7938 | autoplayTimeout: 5000, | 7938 | autoplayTimeout: 5000, | |||
| 7939 | autoplayHoverPause: true, | 7939 | autoplayHoverPause: true, | |||
| 7940 | dots: true, | 7940 | dots: true, | |||
| 7941 | nav: false, | 7941 | nav: false, | |||
| 7942 | loop: true, | 7942 | loop: true, | |||
| 7943 | navRewind: true | 7943 | navRewind: true | |||
| 7944 | }); | 7944 | }); | |||
| 7945 | }); | 7945 | }); | |||
| 7946 | </script> | 7946 | </script> | |||
| 7947 | </div> | 7947 | </div> | |||
| 7948 | </div> | 7948 | </div> | |||
| 7949 | </div> | 7949 | </div> | |||
| 7950 | </div> | 7950 | </div> | |||
| 7951 | </div> | 7951 | </div> | |||
| 7952 | </div> | 7952 | </div> | |||
| 7953 | </div> | 7953 | </div> | |||
| 7954 | </div> | 7954 | </div> | |||
| 7955 | </div> | 7955 | </div> | |||
| 7956 | </div> | 7956 | </div> | |||
| 7957 | </div> | 7957 | </div> | |||
| 7958 | ]]> | 7958 | ]]> | |||
| 7959 | </content> | 7959 | </content> | |||
| 7960 | 7960 | |||||
| 7961 | <is_active> | 7961 | <is_active> | |||
| 7962 | 1 | 7962 | 1 | |||
| 7963 | </is_active> | 7963 | </is_active> | |||
| 7964 | 7964 | |||||
| 7965 | <page_layout> | 7965 | <page_layout> | |||
| 7966 | 1column | 7966 | 1column | |||
| 7967 | </page_layout> | 7967 | </page_layout> | |||
| 7968 | 7968 | |||||
| 7969 | <layout_update_xml> | 7969 | <layout_update_xml> | |||
| 7970 | <![CDATA[]]> | 7970 | <![CDATA[]]> | |||
| 7971 | </layout_update_xml> | 7971 | </layout_update_xml> | |||
| 7972 | 7972 | |||||
| 7973 | </cms_item> | 7973 | </cms_item> | |||
| 7974 | 7974 | |||||
| 7975 | 7975 | |||||
| 7976 | <cms_item> | 7976 | <cms_item> | |||
| 7977 | 7977 | |||||
| 7978 | <title> | 7978 | <title> | |||
| 7979 | Porto - Homepage 14 | 7979 | Porto - Homepage 14 | |||
| 7980 | </title> | 7980 | </title> | |||
| 7981 | 7981 | |||||
| 7982 | <identifier> | 7982 | <identifier> | |||
| 7983 | porto_home_14 | 7983 | porto_home_14 | |||
| 7984 | </identifier> | 7984 | </identifier> | |||
| 7985 | 7985 | |||||
| 7986 | <content> | 7986 | <content> | |||
| 7987 | <![CDATA[<style> | 7987 | <![CDATA[<style> | |||
| 7988 | .columns .column.main { | 7988 | .columns .column.main { | |||
| 7989 | padding-bottom: 0; | 7989 | padding-bottom: 0; | |||
| 7990 | } | 7990 | } | |||
| 7991 | .home-banner-slider .porto-ibanner img { | 7991 | .home-banner-slider .porto-ibanner img { | |||
| 7992 | width: auto; | 7992 | width: auto; | |||
| 7993 | min-width: 0; | 7993 | min-width: 0; | |||
| 7994 | left: 50%; | 7994 | left: 50%; | |||
| 7995 | transform: translateX(-50%); | 7995 | transform: translateX(-50%); | |||
| 7996 | } | 7996 | } | |||
| 7997 | .porto-ibanner-layer { | 7997 | .porto-ibanner-layer { | |||
| 7998 | position: absolute; | 7998 | position: absolute; | |||
| 7999 | z-index: 10; | 7999 | z-index: 10; | |||
| 8000 | } | 8000 | } | |||
| 8001 | .custom-font1 { | 8001 | .custom-font1 { | |||
| 8002 | font-family: Oswald,sans-serif !important; | 8002 | font-family: Oswald,sans-serif !important; | |||
| 8003 | } | 8003 | } | |||
| 8004 | .coupon-sale-text { | 8004 | .coupon-sale-text { | |||
| 8005 | transform: rotate( | 8005 | transform: rotate( | |||
| 8006 | -2deg | 8006 | -2deg | |||
| 8007 | ); | 8007 | ); | |||
| 8008 | letter-spacing: -.02em; | 8008 | letter-spacing: -.02em; | |||
| 8009 | font-weight: 700; | 8009 | font-weight: 700; | |||
| 8010 | display: inline-block; | 8010 | display: inline-block; | |||
| 8011 | padding: 4px 8px; | 8011 | padding: 4px 8px; | |||
| 8012 | position: relative; | 8012 | position: relative; | |||
| 8013 | } | 8013 | } | |||
| 8014 | .ls-90 { | 8014 | .ls-90 { | |||
| 8015 | letter-spacing: .09em; | 8015 | letter-spacing: .09em; | |||
| 8016 | } | 8016 | } | |||
| 8017 | .ls-120, .ls-120>.btn { | 8017 | .ls-120, .ls-120>.btn { | |||
| 8018 | letter-spacing: .12em; | 8018 | letter-spacing: .12em; | |||
| 8019 | } | 8019 | } | |||
| 8020 | html .heading.heading-dark .heading-tag { | 8020 | html .heading.heading-dark .heading-tag { | |||
| 8021 | border-color: #222529; | 8021 | border-color: #222529; | |||
| 8022 | } | 8022 | } | |||
| 8023 | </style> | 8023 | </style> | |||
| 8024 | <div class="row home-banner-slider no-padding" style="background-color: #f4f4f4;"> | 8024 | <div class="row home-banner-slider no-padding" style="background-color: #f4f4f4;"> | |||
| 8025 | <div class="col-md-12 no-padding"> | 8025 | <div class="col-md-12 no-padding"> | |||
| 8026 | <div class="wpb_wrapper vc_column-inner"> | 8026 | <div class="wpb_wrapper vc_column-inner"> | |||
| 8027 | <div id="banner-slider-demo-14" class="porto-carousel owl-carousel mb-0 porto-standable-carousel nav-pos-inside nav-style-4 show-nav-hover"> | 8027 | <div id="banner-slider-demo-14" class="porto-carousel owl-carousel mb-0 porto-standable-carousel nav-pos-inside nav-style-4 show-nav-hover"> | |||
| 8028 | <div class="porto-ibanner" style="min-height: 500px;"> | 8028 | <div class="porto-ibanner" style="min-height: 500px;"> | |||
| 8029 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/14/shop14_home_slider1.jpg"}}" /> | 8029 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/14/shop14_home_slider1.jpg"}}" /> | |||
| 8030 | <div class="porto-ibanner-desc no-padding d-flex"> | 8030 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 8031 | <div class="container"> | 8031 | <div class="container"> | |||
| 8032 | <div class="porto-ibanner-container"> | 8032 | <div class="porto-ibanner-container"> | |||
| 8033 | <div class="porto-ibanner-layer" style="right: 6%; top: 50%; transform: translateY(-50%);"> | 8033 | <div class="porto-ibanner-layer" style="right: 6%; top: 50%; transform: translateY(-50%);"> | |||
| 8034 | <h4 style="font-size: 1.1875em; color: rgba(34, 37, 41, 0.7); line-height: 1; font-weight: 500;" class="vc_custom_heading mb-3 ls-80 align-left">Totally Wireless High-Performance</h4> | 8034 | <h4 style="font-size: 1.1875em; color: rgba(34, 37, 41, 0.7); line-height: 1; font-weight: 500;" class="vc_custom_heading mb-3 ls-80 align-left">Totally Wireless High-Performance</h4> | |||
| 8035 | <h2 style="font-size: 2.5em; line-height: 1; font-weight: 500;" class="vc_custom_heading custom-font1 mb-2 ls-90 align-left text-uppercase">select headphones</h2> | 8035 | <h2 style="font-size: 2.5em; line-height: 1; font-weight: 500;" class="vc_custom_heading custom-font1 mb-2 ls-90 align-left text-uppercase">select headphones</h2> | |||
| 8036 | <h3 style="font-size: 5.875em; line-height: 1.1;" class="vc_custom_heading mb-2 align-left">30% OFF</h3> | 8036 | <h3 style="font-size: 5.875em; line-height: 1.1;" class="vc_custom_heading mb-2 align-left">30% OFF</h3> | |||
| 8037 | <div class="row"> | 8037 | <div class="row"> | |||
| 8038 | <div class="col-md-12"> | 8038 | <div class="col-md-12"> | |||
| 8039 | <div class="wpb_wrapper vc_column-inner"> | 8039 | <div class="wpb_wrapper vc_column-inner"> | |||
| 8040 | <h5 style="font-size: 0.875em; line-height: 1;" class="vc_custom_heading mr-3 pull-left p-t-sm ls-n-20 align-left">STARTING AT</h5> | 8040 | <h5 style="font-size: 0.875em; line-height: 1;" class="vc_custom_heading mr-3 pull-left p-t-sm ls-n-20 align-left">STARTING AT</h5> | |||
| 8041 | <h4 style="font-size: 1.8em; line-height: 1;" class="vc_custom_heading coupon-sale-text d-inline-block mr-2 background-color-secondary ls-n-20 align-left heading-light"><sup>$</sup>199<sup>99</sup></h4> | 8041 | <h4 style="font-size: 1.8em; line-height: 1;" class="vc_custom_heading coupon-sale-text d-inline-block mr-2 background-color-secondary ls-n-20 align-left heading-light"><sup>$</sup>199<sup>99</sup></h4> | |||
| 8042 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-lg btn-dark">Shop Now!</button></div> | 8042 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-lg btn-dark">Shop Now!</button></div> | |||
| 8043 | </div> | 8043 | </div> | |||
| 8044 | </div> | 8044 | </div> | |||
| 8045 | </div> | 8045 | </div> | |||
| 8046 | </div> | 8046 | </div> | |||
| 8047 | </div> | 8047 | </div> | |||
| 8048 | </div> | 8048 | </div> | |||
| 8049 | </div> | 8049 | </div> | |||
| 8050 | </div> | 8050 | </div> | |||
| 8051 | <div class="porto-ibanner" style="min-height: 500px;"> | 8051 | <div class="porto-ibanner" style="min-height: 500px;"> | |||
| 8052 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/14/shop14_home_slider2.jpg"}}" /> | 8052 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/14/shop14_home_slider2.jpg"}}" /> | |||
| 8053 | <div class="porto-ibanner-desc no-padding d-flex"> | 8053 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 8054 | <div class="container"> | 8054 | <div class="container"> | |||
| 8055 | <div class="porto-ibanner-container"> | 8055 | <div class="porto-ibanner-container"> | |||
| 8056 | <div class="porto-ibanner-layer" style="left: 8%; top: 50%; transform: translateY(-50%);"> | 8056 | <div class="porto-ibanner-layer" style="left: 8%; top: 50%; transform: translateY(-50%);"> | |||
| 8057 | <h4 style="font-size: 2.125em; color: #999999; line-height: 1; font-weight: 500;" class="vc_custom_heading mb-0 align-left">EXTRA</h4> | 8057 | <h4 style="font-size: 2.125em; color: #999999; line-height: 1; font-weight: 500;" class="vc_custom_heading mb-0 align-left">EXTRA</h4> | |||
| 8058 | <h3 style="font-size: 4.3125em; line-height: 1;" class="vc_custom_heading mb-2 align-left">20% OFF</h3> | 8058 | <h3 style="font-size: 4.3125em; line-height: 1;" class="vc_custom_heading mb-2 align-left">20% OFF</h3> | |||
| 8059 | <div class="vc_custom_heading mb-3 align-left heading heading-border heading-dark heading-middle-border heading-middle-border-center heading-border-xl"> | 8059 | <div class="vc_custom_heading mb-3 align-left heading heading-border heading-dark heading-middle-border heading-middle-border-center heading-border-xl"> | |||
| 8060 | <h2 style="font-size: 2.125em; line-height: 1;" class="heading-tag text-uppercase">ACCESSORIES</h2> | 8060 | <h2 style="font-size: 2.125em; line-height: 1;" class="heading-tag text-uppercase">ACCESSORIES</h2> | |||
| 8061 | </div> | 8061 | </div> | |||
| 8062 | <h4 style="font-size: 2.125em; line-height: 1.2; font-weight: 500;" class="vc_custom_heading ls-120 mb-4 custom-font1 align-left text-uppercase">drones on sale</h4> | 8062 | <h4 style="font-size: 2.125em; line-height: 1.2; font-weight: 500;" class="vc_custom_heading ls-120 mb-4 custom-font1 align-left text-uppercase">drones on sale</h4> | |||
| 8063 | <div class="btn-container mb-0 ls-120 text-center"><button class="btn btn-modern btn-xl btn-dark w-100">Shop All Sale</button></div> | 8063 | <div class="btn-container mb-0 ls-120 text-center"><button class="btn btn-modern btn-xl btn-dark w-100">Shop All Sale</button></div> | |||
| 8064 | </div> | 8064 | </div> | |||
| 8065 | </div> | 8065 | </div> | |||
| 8066 | </div> | 8066 | </div> | |||
| 8067 | </div> | 8067 | </div> | |||
| 8068 | </div> | 8068 | </div> | |||
| 8069 | </div> | 8069 | </div> | |||
| 8070 | <script type="text/javascript"> | 8070 | <script type="text/javascript"> | |||
| 8071 | require([ | 8071 | require([ | |||
| 8072 | 'jquery', | 8072 | 'jquery', | |||
| 8073 | 'owl.carousel/owl.carousel.min' | 8073 | 'owl.carousel/owl.carousel.min' | |||
| 8074 | ], function ($) { | 8074 | ], function ($) { | |||
| 8075 | $("#banner-slider-demo-14").owlCarousel({ | 8075 | $("#banner-slider-demo-14").owlCarousel({ | |||
| 8076 | items: 1, | 8076 | items: 1, | |||
| 8077 | autoplay: false, | 8077 | autoplay: false, | |||
| 8078 | autoplayTimeout: 5000, | 8078 | autoplayTimeout: 5000, | |||
| 8079 | autoplayHoverPause: true, | 8079 | autoplayHoverPause: true, | |||
| 8080 | dots: false, | 8080 | dots: false, | |||
| 8081 | navRewind: true, | 8081 | navRewind: true, | |||
| 8082 | animateIn: 'fadeIn', | 8082 | animateIn: 'fadeIn', | |||
| 8083 | animateOut: 'fadeOut', | 8083 | animateOut: 'fadeOut', | |||
| 8084 | loop: false, | 8084 | loop: false, | |||
| 8085 | nav: true | 8085 | nav: true | |||
| 8086 | }); | 8086 | }); | |||
| 8087 | }); | 8087 | }); | |||
| 8088 | </script> | 8088 | </script> | |||
| 8089 | </div> | 8089 | </div> | |||
| 8090 | </div> | 8090 | </div> | |||
| 8091 | </div> | 8091 | </div> | |||
| 8092 | <style> | 8092 | <style> | |||
| 8093 | .header-top-ads .porto-sicon-box { | 8093 | .header-top-ads .porto-sicon-box { | |||
| 8094 | justify-content: center; | 8094 | justify-content: center; | |||
| 8095 | padding: 1rem 0; | 8095 | padding: 1rem 0; | |||
| 8096 | margin-bottom: 0; | 8096 | margin-bottom: 0; | |||
| 8097 | } | 8097 | } | |||
| 8098 | @media (max-width: 767px) { | 8098 | @media (max-width: 767px) { | |||
| 8099 | .header-top-ads .porto-sicon-box { | 8099 | .header-top-ads .porto-sicon-box { | |||
| 8100 | justify-content: flex-start; | 8100 | justify-content: flex-start; | |||
| 8101 | padding-left: 1.5rem; | 8101 | padding-left: 1.5rem; | |||
| 8102 | } | 8102 | } | |||
| 8103 | } | 8103 | } | |||
| 8104 | </style> | 8104 | </style> | |||
| 8105 | <div class="header-top-ads" style="position: relative; border-top: 1px solid #e7e7e7; padding-top: 1.25rem; padding-bottom: 1.25rem; background-color: #f4f4f4;"> | 8105 | <div class="header-top-ads" style="position: relative; border-top: 1px solid #e7e7e7; padding-top: 1.25rem; padding-bottom: 1.25rem; background-color: #f4f4f4;"> | |||
| 8106 | <div class="container"> | 8106 | <div class="container"> | |||
| 8107 | <div class="row align-items-center"> | 8107 | <div class="row align-items-center"> | |||
| 8108 | <div class="col-md-4"> | 8108 | <div class="col-md-4"> | |||
| 8109 | <div class="wpb_wrapper vc_column-inner"> | 8109 | <div class="wpb_wrapper vc_column-inner"> | |||
| 8110 | <div class="porto-sicon-box style_1 default-icon"> | 8110 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 8111 | <div class="porto-sicon-default"> | 8111 | <div class="porto-sicon-default"> | |||
| 8112 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 8112 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 8113 | <div class="porto-icon none" style="color: #222529; font-size: 40px; display: inline-block;"><i class="porto-icon-shipping"></i></div> | 8113 | <div class="porto-icon none" style="color: #222529; font-size: 40px; display: inline-block;"><i class="porto-icon-shipping"></i></div> | |||
| 8114 | </div> | 8114 | </div> | |||
| 8115 | </div> | 8115 | </div> | |||
| 8116 | <div class="porto-sicon-header"> | 8116 | <div class="porto-sicon-header"> | |||
| 8117 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 1;">FREE SHIPPING & RETURN</h3> | 8117 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 1;">FREE SHIPPING & RETURN</h3> | |||
| 8118 | <p style="font-weight: 400; font-size: 13px; line-height: 1.2;">Free shipping on all orders over $99</p> | 8118 | <p style="font-weight: 400; font-size: 13px; line-height: 1.2;">Free shipping on all orders over $99</p> | |||
| 8119 | </div> | 8119 | </div> | |||
| 8120 | </div> | 8120 | </div> | |||
| 8121 | </div> | 8121 | </div> | |||
| 8122 | </div> | 8122 | </div> | |||
| 8123 | <div class="col-md-4"> | 8123 | <div class="col-md-4"> | |||
| 8124 | <div class="wpb_wrapper vc_column-inner"> | 8124 | <div class="wpb_wrapper vc_column-inner"> | |||
| 8125 | <div class="porto-sicon-box style_1 default-icon"> | 8125 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 8126 | <div class="porto-sicon-default"> | 8126 | <div class="porto-sicon-default"> | |||
| 8127 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 8127 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 8128 | <div class="porto-icon none" style="color: #222529; font-size: 40px; display: inline-block;"><i class="porto-icon-money"></i></div> | 8128 | <div class="porto-icon none" style="color: #222529; font-size: 40px; display: inline-block;"><i class="porto-icon-money"></i></div> | |||
| 8129 | </div> | 8129 | </div> | |||
| 8130 | </div> | 8130 | </div> | |||
| 8131 | <div class="porto-sicon-header"> | 8131 | <div class="porto-sicon-header"> | |||
| 8132 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 1;">MONEY BACK GUARANTEE</h3> | 8132 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 1;">MONEY BACK GUARANTEE</h3> | |||
| 8133 | <p style="font-weight: 400; font-size: 13px; line-height: 1.2;">100% money back guarantee</p> | 8133 | <p style="font-weight: 400; font-size: 13px; line-height: 1.2;">100% money back guarantee</p> | |||
| 8134 | </div> | 8134 | </div> | |||
| 8135 | </div> | 8135 | </div> | |||
| 8136 | </div> | 8136 | </div> | |||
| 8137 | </div> | 8137 | </div> | |||
| 8138 | <div class="col-md-4"> | 8138 | <div class="col-md-4"> | |||
| 8139 | <div class="wpb_wrapper vc_column-inner"> | 8139 | <div class="wpb_wrapper vc_column-inner"> | |||
| 8140 | <div class="porto-sicon-box style_1 default-icon"> | 8140 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 8141 | <div class="porto-sicon-default"> | 8141 | <div class="porto-sicon-default"> | |||
| 8142 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 8142 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 8143 | <div class="porto-icon none" style="color: #222529; font-size: 40px; display: inline-block;"><i class="porto-icon-support"></i></div> | 8143 | <div class="porto-icon none" style="color: #222529; font-size: 40px; display: inline-block;"><i class="porto-icon-support"></i></div> | |||
| 8144 | </div> | 8144 | </div> | |||
| 8145 | </div> | 8145 | </div> | |||
| 8146 | <div class="porto-sicon-header"> | 8146 | <div class="porto-sicon-header"> | |||
| 8147 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 1;">ONLINE SUPPORT 24/7</h3> | 8147 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 1;">ONLINE SUPPORT 24/7</h3> | |||
| 8148 | <p style="font-weight: 400; font-size: 13px; line-height: 1.2;">Lorem ipsum dolor sit amet.</p> | 8148 | <p style="font-weight: 400; font-size: 13px; line-height: 1.2;">Lorem ipsum dolor sit amet.</p> | |||
| 8149 | </div> | 8149 | </div> | |||
| 8150 | </div> | 8150 | </div> | |||
| 8151 | </div> | 8151 | </div> | |||
| 8152 | </div> | 8152 | </div> | |||
| 8153 | </div> | 8153 | </div> | |||
| 8154 | </div> | 8154 | </div> | |||
| 8155 | </div> | 8155 | </div> | |||
| 8156 | <div class="home-sale-banner" style="padding-top: 40px;"> | 8156 | <div class="home-sale-banner" style="padding-top: 40px;"> | |||
| 8157 | <style> | 8157 | <style> | |||
| 8158 | .home-sale-banner .porto-ultimate-content-box { | 8158 | .home-sale-banner .porto-ultimate-content-box { | |||
| 8159 | transform: translateY(-50%); | 8159 | transform: translateY(-50%); | |||
| 8160 | margin-bottom: -10%; | 8160 | margin-bottom: -10%; | |||
| 8161 | } | 8161 | } | |||
| 8162 | @media (max-width: 767px) { | 8162 | @media (max-width: 767px) { | |||
| 8163 | .home-sale-banner .porto-ultimate-content-box { | 8163 | .home-sale-banner .porto-ultimate-content-box { | |||
| 8164 | margin-bottom: -5%; | 8164 | margin-bottom: -5%; | |||
| 8165 | } | 8165 | } | |||
| 8166 | } | 8166 | } | |||
| 8167 | .wpb_single_image img { | 8167 | .wpb_single_image img { | |||
| 8168 | height: auto; | 8168 | height: auto; | |||
| 8169 | max-width: 100%; | 8169 | max-width: 100%; | |||
| 8170 | vertical-align: top; | 8170 | vertical-align: top; | |||
| 8171 | } | 8171 | } | |||
| 8172 | </style> | 8172 | </style> | |||
| 8173 | <div class="container"> | 8173 | <div class="container"> | |||
| 8174 | <div class="row"> | 8174 | <div class="row"> | |||
| 8175 | <div class="col-md-4"> | 8175 | <div class="col-md-4"> | |||
| 8176 | <div class="wpb_wrapper vc_column-inner"> | 8176 | <div class="wpb_wrapper vc_column-inner"> | |||
| 8177 | <div class="wpb_content_element text-center mb-0"> | 8177 | <div class="wpb_content_element text-center mb-0"> | |||
| 8178 | <div class="wpb_wrapper"> | 8178 | <div class="wpb_wrapper"> | |||
| 8179 | <div class="wpb_single_image"> | 8179 | <div class="wpb_single_image"> | |||
| 8180 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/14/shop14_home_banner1.jpg"}}" /> | 8180 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/14/shop14_home_banner1.jpg"}}" /> | |||
| 8181 | </div> | 8181 | </div> | |||
| 8182 | </div> | 8182 | </div> | |||
| 8183 | </div> | 8183 | </div> | |||
| 8184 | <div class="porto-ultimate-content-box-container"> | 8184 | <div class="porto-ultimate-content-box-container"> | |||
| 8185 | <div class="porto-ultimate-content-box" style="background-color: #222529; margin-left: 1.25rem;margin-right: 1.25rem; padding: 1rem 0;"> | 8185 | <div class="porto-ultimate-content-box" style="background-color: #222529; margin-left: 1.25rem;margin-right: 1.25rem; padding: 1rem 0;"> | |||
| 8186 | <h5 style="font-size: 1rem; color: #b3da7e; line-height: 1; text-align: center; font-weight: 400;" class="vc_custom_heading mb-1">Save Up To</h5> | 8186 | <h5 style="font-size: 1rem; color: #b3da7e; line-height: 1; text-align: center; font-weight: 400;" class="vc_custom_heading mb-1">Save Up To</h5> | |||
| 8187 | <h3 style="font-size: 2.875rem; line-height: 1; text-align: center;" class="vc_custom_heading mb-1 heading-light">$100</h3> | 8187 | <h3 style="font-size: 2.875rem; line-height: 1; text-align: center;" class="vc_custom_heading mb-1 heading-light">$100</h3> | |||
| 8188 | <h5 style="font-size: 1rem; line-height: 1; text-align: center; font-weight: 500;" class="vc_custom_heading mb-0 heading-light">on Porto Watch Series 5</h5> | 8188 | <h5 style="font-size: 1rem; line-height: 1; text-align: center; font-weight: 500;" class="vc_custom_heading mb-0 heading-light">on Porto Watch Series 5</h5> | |||
| 8189 | </div> | 8189 | </div> | |||
| 8190 | </div> | 8190 | </div> | |||
| 8191 | </div> | 8191 | </div> | |||
| 8192 | </div> | 8192 | </div> | |||
| 8193 | <div class="col-md-4"> | 8193 | <div class="col-md-4"> | |||
| 8194 | <div class="wpb_wrapper vc_column-inner"> | 8194 | <div class="wpb_wrapper vc_column-inner"> | |||
| 8195 | <div class="wpb_content_element text-center mb-0"> | 8195 | <div class="wpb_content_element text-center mb-0"> | |||
| 8196 | <div class="wpb_wrapper"> | 8196 | <div class="wpb_wrapper"> | |||
| 8197 | <div class="wpb_single_image"> | 8197 | <div class="wpb_single_image"> | |||
| 8198 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/14/shop14_home_banner2.jpg"}}" /> | 8198 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/14/shop14_home_banner2.jpg"}}" /> | |||
| 8199 | </div> | 8199 | </div> | |||
| 8200 | </div> | 8200 | </div> | |||
| 8201 | </div> | 8201 | </div> | |||
| 8202 | <div class="porto-ultimate-content-box-container"> | 8202 | <div class="porto-ultimate-content-box-container"> | |||
| 8203 | <div class="porto-ultimate-content-box" style="background-color: #222529; margin-left: 1.25rem;margin-right: 1.25rem; padding: 1rem 0;"> | 8203 | <div class="porto-ultimate-content-box" style="background-color: #222529; margin-left: 1.25rem;margin-right: 1.25rem; padding: 1rem 0;"> | |||
| 8204 | <h5 style="font-size: 1rem; color: #b3da7e; line-height: 1; text-align: center; font-weight: 400;" class="vc_custom_heading mb-1">Save Up To</h5> | 8204 | <h5 style="font-size: 1rem; color: #b3da7e; line-height: 1; text-align: center; font-weight: 400;" class="vc_custom_heading mb-1">Save Up To</h5> | |||
| 8205 | <h3 style="font-size: 2.875rem; line-height: 1; text-align: center;" class="vc_custom_heading mb-1 heading-light">$80</h3> | 8205 | <h3 style="font-size: 2.875rem; line-height: 1; text-align: center;" class="vc_custom_heading mb-1 heading-light">$80</h3> | |||
| 8206 | <h5 style="font-size: 1rem; line-height: 1; text-align: center; font-weight: 500;" class="vc_custom_heading mb-0 heading-light">on Porto Pods Professional</h5> | 8206 | <h5 style="font-size: 1rem; line-height: 1; text-align: center; font-weight: 500;" class="vc_custom_heading mb-0 heading-light">on Porto Pods Professional</h5> | |||
| 8207 | </div> | 8207 | </div> | |||
| 8208 | </div> | 8208 | </div> | |||
| 8209 | </div> | 8209 | </div> | |||
| 8210 | </div> | 8210 | </div> | |||
| 8211 | <div class="col-md-4"> | 8211 | <div class="col-md-4"> | |||
| 8212 | <div class="wpb_wrapper vc_column-inner"> | 8212 | <div class="wpb_wrapper vc_column-inner"> | |||
| 8213 | <div class="wpb_content_element text-center mb-0"> | 8213 | <div class="wpb_content_element text-center mb-0"> | |||
| 8214 | <div class="wpb_wrapper"> | 8214 | <div class="wpb_wrapper"> | |||
| 8215 | <div class="wpb_single_image"> | 8215 | <div class="wpb_single_image"> | |||
| 8216 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/14/shop14_home_banner3.jpg"}}" /> | 8216 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/14/shop14_home_banner3.jpg"}}" /> | |||
| 8217 | </div> | 8217 | </div> | |||
| 8218 | </div> | 8218 | </div> | |||
| 8219 | </div> | 8219 | </div> | |||
| 8220 | <div class="porto-ultimate-content-box-container"> | 8220 | <div class="porto-ultimate-content-box-container"> | |||
| 8221 | <div class="porto-ultimate-content-box" style="background-color: #222529; margin-left: 1.25rem;margin-right: 1.25rem; padding: 1rem 0;"> | 8221 | <div class="porto-ultimate-content-box" style="background-color: #222529; margin-left: 1.25rem;margin-right: 1.25rem; padding: 1rem 0;"> | |||
| 8222 | <h5 style="font-size: 1rem; color: #b3da7e; line-height: 1; text-align: center; font-weight: 400;" class="vc_custom_heading mb-1">Save Up To</h5> | 8222 | <h5 style="font-size: 1rem; color: #b3da7e; line-height: 1; text-align: center; font-weight: 400;" class="vc_custom_heading mb-1">Save Up To</h5> | |||
| 8223 | <h3 style="font-size: 2.875rem; line-height: 1; text-align: center;" class="vc_custom_heading mb-1 heading-light">$90</h3> | 8223 | <h3 style="font-size: 2.875rem; line-height: 1; text-align: center;" class="vc_custom_heading mb-1 heading-light">$90</h3> | |||
| 8224 | <h5 style="font-size: 1rem; line-height: 1; text-align: center; font-weight: 500;" class="vc_custom_heading mb-0 heading-light">on Bluetooth Speaker</h5> | 8224 | <h5 style="font-size: 1rem; line-height: 1; text-align: center; font-weight: 500;" class="vc_custom_heading mb-0 heading-light">on Bluetooth Speaker</h5> | |||
| 8225 | </div> | 8225 | </div> | |||
| 8226 | </div> | 8226 | </div> | |||
| 8227 | </div> | 8227 | </div> | |||
| 8228 | </div> | 8228 | </div> | |||
| 8229 | </div> | 8229 | </div> | |||
| 8230 | </div> | 8230 | </div> | |||
| 8231 | </div> | 8231 | </div> | |||
| 8232 | <div class="home-tab-container"> | 8232 | <div class="home-tab-container"> | |||
| 8233 | <style> | 8233 | <style> | |||
| 8234 | .product.data.items > .item.content { | 8234 | .product.data.items > .item.content { | |||
| 8235 | border-width: 2px; | 8235 | border-width: 2px; | |||
| 8236 | position: relative; | 8236 | position: relative; | |||
| 8237 | top: 0; | 8237 | top: 0; | |||
| 8238 | z-index: -1; | 8238 | z-index: -1; | |||
| 8239 | margin-top: 44px; | 8239 | margin-top: 44px; | |||
| 8240 | border-color:#eee; | 8240 | border-color:#eee; | |||
| 8241 | padding-bottom: 6px; | 8241 | padding-bottom: 6px; | |||
| 8242 | } | 8242 | } | |||
| 8243 | @media(max-width: 767px) { | 8243 | @media(max-width: 767px) { | |||
| 8244 | .product.data.items > .item.content { | 8244 | .product.data.items > .item.content { | |||
| 8245 | margin-top: 35px; | 8245 | margin-top: 35px; | |||
| 8246 | padding-top: 0; | 8246 | padding-top: 0; | |||
| 8247 | z-index: 3; | 8247 | z-index: 3; | |||
| 8248 | } | 8248 | } | |||
| 8249 | } | 8249 | } | |||
| 8250 | .product.data.items > .item.content > .products { | 8250 | .product.data.items > .item.content > .products { | |||
| 8251 | margin-top:-9px; | 8251 | margin-top:-9px; | |||
| 8252 | } | 8252 | } | |||
| 8253 | .product.data.items .item.title { | 8253 | .product.data.items .item.title { | |||
| 8254 | font-family: Poppins; | 8254 | font-family: Poppins; | |||
| 8255 | font-weight: 700; | 8255 | font-weight: 700; | |||
| 8256 | font-size: .875rem; | 8256 | font-size: .875rem; | |||
| 8257 | letter-spacing: 0; | 8257 | letter-spacing: 0; | |||
| 8258 | color: #282d3b; | 8258 | color: #282d3b; | |||
| 8259 | padding: 10px 0; | 8259 | padding: 10px 0; | |||
| 8260 | } | 8260 | } | |||
| 8261 | .product.data.items > .item.title:hover { | 8261 | .product.data.items > .item.title:hover { | |||
| 8262 | border-color: #7aa93c; | 8262 | border-color: #7aa93c; | |||
| 8263 | color: #7aa93c; | 8263 | color: #7aa93c; | |||
| 8264 | } | 8264 | } | |||
| 8265 | .product.data.items > .item.title.active { | 8265 | .product.data.items > .item.title.active { | |||
| 8266 | color: #7aa93c; | 8266 | color: #7aa93c; | |||
| 8267 | border-color: #7aa93c; | 8267 | border-color: #7aa93c; | |||
| 8268 | } | 8268 | } | |||
| 8269 | .product.data.items > .item.title > .switch {font-size: inherit;} | 8269 | .product.data.items > .item.title > .switch {font-size: inherit;} | |||
| 8270 | @media (min-width: 768px) { | 8270 | @media (min-width: 768px) { | |||
| 8271 | .product.data.items > .item.title { | 8271 | .product.data.items > .item.title { | |||
| 8272 | margin-right: 31px; | 8272 | margin-right: 31px; | |||
| 8273 | } | 8273 | } | |||
| 8274 | .product.data.items > .item.content:before { | 8274 | .product.data.items > .item.content:before { | |||
| 8275 | content: ''; | 8275 | content: ''; | |||
| 8276 | position: absolute; | 8276 | position: absolute; | |||
| 8277 | right: 100%; | 8277 | right: 100%; | |||
| 8278 | top: -2px; | 8278 | top: -2px; | |||
| 8279 | width: 100%; | 8279 | width: 100%; | |||
| 8280 | border-bottom: 2px solid #eee; | 8280 | border-bottom: 2px solid #eee; | |||
| 8281 | } | 8281 | } | |||
| 8282 | .product.data.items > .item.content:after { | 8282 | .product.data.items > .item.content:after { | |||
| 8283 | content: ''; | 8283 | content: ''; | |||
| 8284 | position: absolute; | 8284 | position: absolute; | |||
| 8285 | left: 100%; | 8285 | left: 100%; | |||
| 8286 | top: -2px; | 8286 | top: -2px; | |||
| 8287 | width: 100%; | 8287 | width: 100%; | |||
| 8288 | border-bottom: 2px solid #eee; | 8288 | border-bottom: 2px solid #eee; | |||
| 8289 | } | 8289 | } | |||
| 8290 | } | 8290 | } | |||
| 8291 | </style> | 8291 | </style> | |||
| 8292 | <div class="container"> | 8292 | <div class="container"> | |||
| 8293 | <div class="tabs mb-0 tabs-simple"> | 8293 | <div class="tabs mb-0 tabs-simple"> | |||
| 8294 | <div class="product data items" data-mage-init='{"tabs":{"openedState":"active","collapsible":"true"}}'> | 8294 | <div class="product data items" data-mage-init='{"tabs":{"openedState":"active","collapsible":"true"}}'> | |||
| 8295 | <div class="data item title" aria-labeledby="tab-label-featured-title" data-role="collapsible" id="tab-label-featured"> | 8295 | <div class="data item title" aria-labeledby="tab-label-featured-title" data-role="collapsible" id="tab-label-featured"> | |||
| 8296 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#featured" id="tab-label-featured-title"> | 8296 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#featured" id="tab-label-featured-title"> | |||
| 8297 | <span>Featured Products</span> | 8297 | <span>Featured Products</span> | |||
| 8298 | </a> | 8298 | </a> | |||
| 8299 | </div> | 8299 | </div> | |||
| 8300 | <div class="data item content" id="featured" data-role="content"> | 8300 | <div class="data item content" id="featured" data-role="content"> | |||
| 8301 | <div id="featured-products" class="porto-products wpb_content_element"> | 8301 | <div id="featured-products" class="porto-products wpb_content_element"> | |||
| 8302 | <div class="slider-wrapper"> | 8302 | <div class="slider-wrapper"> | |||
| 8303 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1" product_count="8" product_type="10" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | 8303 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1" product_count="8" product_type="10" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||
| 8304 | <script type="text/javascript"> | 8304 | <script type="text/javascript"> | |||
| 8305 | require([ | 8305 | require([ | |||
| 8306 | 'jquery', | 8306 | 'jquery', | |||
| 8307 | 'owl.carousel/owl.carousel.min' | 8307 | 'owl.carousel/owl.carousel.min' | |||
| 8308 | ], function ($) { | 8308 | ], function ($) { | |||
| 8309 | $("#featured-products .owl-carousel").owlCarousel({ | 8309 | $("#featured-products .owl-carousel").owlCarousel({ | |||
| 8310 | autoplay: false, | 8310 | autoplay: false, | |||
| 8311 | autoplayTimeout: 5000, | 8311 | autoplayTimeout: 5000, | |||
| 8312 | autoplayHoverPause: true, | 8312 | autoplayHoverPause: true, | |||
| 8313 | loop: false, | 8313 | loop: false, | |||
| 8314 | navRewind: true, | 8314 | navRewind: true, | |||
| 8315 | lazyLoad:true, | 8315 | lazyLoad:true, | |||
| 8316 | margin: 0, | 8316 | margin: 0, | |||
| 8317 | nav: true, | 8317 | nav: true, | |||
| 8318 | dots: false, | 8318 | dots: false, | |||
| 8319 | responsive: { | 8319 | responsive: { | |||
| 8320 | 0: { | 8320 | 0: { | |||
| 8321 | items:2 | 8321 | items:2 | |||
| 8322 | }, | 8322 | }, | |||
| 8323 | 640: { | 8323 | 640: { | |||
| 8324 | items:3 | 8324 | items:3 | |||
| 8325 | }, | 8325 | }, | |||
| 8326 | 768: { | 8326 | 768: { | |||
| 8327 | items:3 | 8327 | items:3 | |||
| 8328 | }, | 8328 | }, | |||
| 8329 | 992: { | 8329 | 992: { | |||
| 8330 | items:4 | 8330 | items:4 | |||
| 8331 | }, | 8331 | }, | |||
| 8332 | 1200: { | 8332 | 1200: { | |||
| 8333 | items:4 | 8333 | items:4 | |||
| 8334 | } | 8334 | } | |||
| 8335 | } | 8335 | } | |||
| 8336 | }); | 8336 | }); | |||
| 8337 | }); | 8337 | }); | |||
| 8338 | </script> | 8338 | </script> | |||
| 8339 | </div> | 8339 | </div> | |||
| 8340 | </div> | 8340 | </div> | |||
| 8341 | </div> | 8341 | </div> | |||
| 8342 | <div class="data item title" aria-labeledby="tab-label-latest-title" data-role="collapsible" id="tab-label-latest"> | 8342 | <div class="data item title" aria-labeledby="tab-label-latest-title" data-role="collapsible" id="tab-label-latest"> | |||
| 8343 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#latest" id="tab-label-latest-title"> | 8343 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#latest" id="tab-label-latest-title"> | |||
| 8344 | <span>Latest Products</span> | 8344 | <span>Latest Products</span> | |||
| 8345 | </a> | 8345 | </a> | |||
| 8346 | </div> | 8346 | </div> | |||
| 8347 | <div class="data item content" id="latest" data-role="content"> | 8347 | <div class="data item content" id="latest" data-role="content"> | |||
| 8348 | <div id="latest-products" class="porto-products wpb_content_element"> | 8348 | <div id="latest-products" class="porto-products wpb_content_element"> | |||
| 8349 | <div class="slider-wrapper"> | 8349 | <div class="slider-wrapper"> | |||
| 8350 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1" product_count="8" product_type="10" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | 8350 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1" product_count="8" product_type="10" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||
| 8351 | <script type="text/javascript"> | 8351 | <script type="text/javascript"> | |||
| 8352 | require([ | 8352 | require([ | |||
| 8353 | 'jquery', | 8353 | 'jquery', | |||
| 8354 | 'owl.carousel/owl.carousel.min' | 8354 | 'owl.carousel/owl.carousel.min' | |||
| 8355 | ], function ($) { | 8355 | ], function ($) { | |||
| 8356 | $("#latest-products .owl-carousel").owlCarousel({ | 8356 | $("#latest-products .owl-carousel").owlCarousel({ | |||
| 8357 | autoplay: false, | 8357 | autoplay: false, | |||
| 8358 | autoplayTimeout: 5000, | 8358 | autoplayTimeout: 5000, | |||
| 8359 | autoplayHoverPause: true, | 8359 | autoplayHoverPause: true, | |||
| 8360 | loop: false, | 8360 | loop: false, | |||
| 8361 | navRewind: true, | 8361 | navRewind: true, | |||
| 8362 | lazyLoad:true, | 8362 | lazyLoad:true, | |||
| 8363 | margin: 0, | 8363 | margin: 0, | |||
| 8364 | nav: true, | 8364 | nav: true, | |||
| 8365 | dots: false, | 8365 | dots: false, | |||
| 8366 | responsive: { | 8366 | responsive: { | |||
| 8367 | 0: { | 8367 | 0: { | |||
| 8368 | items:2 | 8368 | items:2 | |||
| 8369 | }, | 8369 | }, | |||
| 8370 | 640: { | 8370 | 640: { | |||
| 8371 | items:3 | 8371 | items:3 | |||
| 8372 | }, | 8372 | }, | |||
| 8373 | 768: { | 8373 | 768: { | |||
| 8374 | items:3 | 8374 | items:3 | |||
| 8375 | }, | 8375 | }, | |||
| 8376 | 992: { | 8376 | 992: { | |||
| 8377 | items:4 | 8377 | items:4 | |||
| 8378 | }, | 8378 | }, | |||
| 8379 | 1200: { | 8379 | 1200: { | |||
| 8380 | items:4 | 8380 | items:4 | |||
| 8381 | } | 8381 | } | |||
| 8382 | } | 8382 | } | |||
| 8383 | }); | 8383 | }); | |||
| 8384 | }); | 8384 | }); | |||
| 8385 | </script> | 8385 | </script> | |||
| 8386 | </div> | 8386 | </div> | |||
| 8387 | </div> | 8387 | </div> | |||
| 8388 | </div> | 8388 | </div> | |||
| 8389 | </div> | 8389 | </div> | |||
| 8390 | </div> | 8390 | </div> | |||
| 8391 | </div> | 8391 | </div> | |||
| 8392 | </div> | 8392 | </div> | |||
| 8393 | <div class="row shop-services"> | 8393 | <div class="row shop-services"> | |||
| 8394 | <div class="col-lg-12"> | 8394 | <div class="col-lg-12"> | |||
| 8395 | <div class="porto-separator"><hr class="separator-line align_center solid" style="background-color: #e7e7e7;" /></div> | 8395 | <div class="porto-separator"><hr class="separator-line align_center solid" style="background-color: #e7e7e7;" /></div> | |||
| 8396 | </div> | 8396 | </div> | |||
| 8397 | </div> | 8397 | </div> | |||
| 8398 | <div class="porto-inner-container" style="margin-top: 35px; margin-bottom: 35px;"> | 8398 | <div class="porto-inner-container" style="margin-top: 35px; margin-bottom: 35px;"> | |||
| 8399 | <div class="container"> | 8399 | <div class="container"> | |||
| 8400 | <div class="row shop-services"> | 8400 | <div class="row shop-services"> | |||
| 8401 | <div class="col-md-4" style="padding-right: 30px; padding-left: 30px;"> | 8401 | <div class="col-md-4" style="padding-right: 30px; padding-left: 30px;"> | |||
| 8402 | <div class="wpb_wrapper vc_column-inner"> | 8402 | <div class="wpb_wrapper vc_column-inner"> | |||
| 8403 | <div class="porto-sicon-box style_1 top-icon"> | 8403 | <div class="porto-sicon-box style_1 top-icon"> | |||
| 8404 | <div class="porto-sicon-top"> | 8404 | <div class="porto-sicon-top"> | |||
| 8405 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 8405 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 8406 | <div | 8406 | <div | |||
| 8407 | class="porto-icon advanced" | 8407 | class="porto-icon advanced" | |||
| 8408 | style="color: #7aa93c; background: transparent; border-style: solid; border-color: #dddddd; border-width: 2px; width: 80px; height: 80px; line-height: 80px; border-radius: 500px; font-size: 35px; display: inline-block;"> | 8408 | style="color: #7aa93c; background: transparent; border-style: solid; border-color: #dddddd; border-width: 2px; width: 80px; height: 80px; line-height: 80px; border-radius: 500px; font-size: 35px; display: inline-block;"> | |||
| 8409 | <i class="Simple-Line-Icons-earphones-alt"></i> | 8409 | <i class="Simple-Line-Icons-earphones-alt"></i> | |||
| 8410 | </div> | 8410 | </div> | |||
| 8411 | </div> | 8411 | </div> | |||
| 8412 | </div> | 8412 | </div> | |||
| 8413 | <div class="porto-sicon-header"> | 8413 | <div class="porto-sicon-header"> | |||
| 8414 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1rem; line-height: 1.4;">CUSTOMER SUPPORT</h3> | 8414 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1rem; line-height: 1.4;">CUSTOMER SUPPORT</h3> | |||
| 8415 | <p style="font-weight: 600; font-size: 0.875rem; line-height: 1; color: #555555;">Need Assistence?</p> | 8415 | <p style="font-weight: 600; font-size: 0.875rem; line-height: 1; color: #555555;">Need Assistence?</p> | |||
| 8416 | </div> | 8416 | </div> | |||
| 8417 | <div class="porto-sicon-description" style="font-size: 13px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</div> | 8417 | <div class="porto-sicon-description" style="font-size: 13px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</div> | |||
| 8418 | </div> | 8418 | </div> | |||
| 8419 | </div> | 8419 | </div> | |||
| 8420 | </div> | 8420 | </div> | |||
| 8421 | <div class="col-md-4" style="padding-right: 25px; padding-left: 25px;"> | 8421 | <div class="col-md-4" style="padding-right: 25px; padding-left: 25px;"> | |||
| 8422 | <div class="wpb_wrapper vc_column-inner"> | 8422 | <div class="wpb_wrapper vc_column-inner"> | |||
| 8423 | <div class="porto-sicon-box style_1 top-icon"> | 8423 | <div class="porto-sicon-box style_1 top-icon"> | |||
| 8424 | <div class="porto-sicon-top"> | 8424 | <div class="porto-sicon-top"> | |||
| 8425 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 8425 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 8426 | <div | 8426 | <div | |||
| 8427 | class="porto-icon advanced" | 8427 | class="porto-icon advanced" | |||
| 8428 | style="color: #7aa93c; background: transparent; border-style: solid; border-color: #dddddd; border-width: 2px; width: 80px; height: 80px; line-height: 80px; border-radius: 500px; font-size: 35px; display: inline-block;"> | 8428 | style="color: #7aa93c; background: transparent; border-style: solid; border-color: #dddddd; border-width: 2px; width: 80px; height: 80px; line-height: 80px; border-radius: 500px; font-size: 35px; display: inline-block;"> | |||
| 8429 | <i class="Simple-Line-Icons-credit-card"></i> | 8429 | <i class="Simple-Line-Icons-credit-card"></i> | |||
| 8430 | </div> | 8430 | </div> | |||
| 8431 | </div> | 8431 | </div> | |||
| 8432 | </div> | 8432 | </div> | |||
| 8433 | <div class="porto-sicon-header"> | 8433 | <div class="porto-sicon-header"> | |||
| 8434 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1rem; line-height: 1.4;">SECURED PAYMENT</h3> | 8434 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1rem; line-height: 1.4;">SECURED PAYMENT</h3> | |||
| 8435 | <p style="font-weight: 600; font-size: 0.875rem; line-height: 1; color: #555555;">Safe & Fast</p> | 8435 | <p style="font-weight: 600; font-size: 0.875rem; line-height: 1; color: #555555;">Safe & Fast</p> | |||
| 8436 | </div> | 8436 | </div> | |||
| 8437 | <div class="porto-sicon-description" style="font-size: 13px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapibus lacus. Lorem ipsum dolor sit amet.</div> | 8437 | <div class="porto-sicon-description" style="font-size: 13px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapibus lacus. Lorem ipsum dolor sit amet.</div> | |||
| 8438 | </div> | 8438 | </div> | |||
| 8439 | </div> | 8439 | </div> | |||
| 8440 | </div> | 8440 | </div> | |||
| 8441 | <div class="col-md-4" style="padding-right: 30px; padding-left: 30px;"> | 8441 | <div class="col-md-4" style="padding-right: 30px; padding-left: 30px;"> | |||
| 8442 | <div class="wpb_wrapper vc_column-inner"> | 8442 | <div class="wpb_wrapper vc_column-inner"> | |||
| 8443 | <div class="porto-sicon-box style_1 top-icon"> | 8443 | <div class="porto-sicon-box style_1 top-icon"> | |||
| 8444 | <div class="porto-sicon-top"> | 8444 | <div class="porto-sicon-top"> | |||
| 8445 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 8445 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 8446 | <div | 8446 | <div | |||
| 8447 | class="porto-icon advanced" | 8447 | class="porto-icon advanced" | |||
| 8448 | style="color: #7aa93c; background: transparent; border-style: solid; border-color: #dddddd; border-width: 2px; width: 80px; height: 80px; line-height: 80px; border-radius: 500px; font-size: 35px; display: inline-block;"> | 8448 | style="color: #7aa93c; background: transparent; border-style: solid; border-color: #dddddd; border-width: 2px; width: 80px; height: 80px; line-height: 80px; border-radius: 500px; font-size: 35px; display: inline-block;"> | |||
| 8449 | <i class="Simple-Line-Icons-action-undo"></i> | 8449 | <i class="Simple-Line-Icons-action-undo"></i> | |||
| 8450 | </div> | 8450 | </div> | |||
| 8451 | </div> | 8451 | </div> | |||
| 8452 | </div> | 8452 | </div> | |||
| 8453 | <div class="porto-sicon-header"> | 8453 | <div class="porto-sicon-header"> | |||
| 8454 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1rem; line-height: 1.4;">RETURNS</h3> | 8454 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1rem; line-height: 1.4;">RETURNS</h3> | |||
| 8455 | <p style="font-weight: 600; font-size: 0.875rem; line-height: 1; color: #555555;">Easy & Free</p> | 8455 | <p style="font-weight: 600; font-size: 0.875rem; line-height: 1; color: #555555;">Easy & Free</p> | |||
| 8456 | </div> | 8456 | </div> | |||
| 8457 | <div class="porto-sicon-description" style="font-size: 13px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</div> | 8457 | <div class="porto-sicon-description" style="font-size: 13px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</div> | |||
| 8458 | </div> | 8458 | </div> | |||
| 8459 | </div> | 8459 | </div> | |||
| 8460 | </div> | 8460 | </div> | |||
| 8461 | </div> | 8461 | </div> | |||
| 8462 | </div> | 8462 | </div> | |||
| 8463 | </div> | 8463 | </div> | |||
| 8464 | <style> | 8464 | <style> | |||
| 8465 | .coupon-sale-text { | 8465 | .coupon-sale-text { | |||
| 8466 | transform: rotate( | 8466 | transform: rotate( | |||
| 8467 | -2deg | 8467 | -2deg | |||
| 8468 | ); | 8468 | ); | |||
| 8469 | letter-spacing: -.02em; | 8469 | letter-spacing: -.02em; | |||
| 8470 | font-weight: 700; | 8470 | font-weight: 700; | |||
| 8471 | display: inline-block; | 8471 | display: inline-block; | |||
| 8472 | padding: 4px 8px; | 8472 | padding: 4px 8px; | |||
| 8473 | position: relative; | 8473 | position: relative; | |||
| 8474 | } | 8474 | } | |||
| 8475 | .coupon-sale-text i { | 8475 | .coupon-sale-text i { | |||
| 8476 | font-style: normal; | 8476 | font-style: normal; | |||
| 8477 | position: absolute; | 8477 | position: absolute; | |||
| 8478 | left: -2.25em; | 8478 | left: -2.25em; | |||
| 8479 | top: 50%; | 8479 | top: 50%; | |||
| 8480 | transform: translateY(-50%) rotate( | 8480 | transform: translateY(-50%) rotate( | |||
| 8481 | -90deg | 8481 | -90deg | |||
| 8482 | ); | 8482 | ); | |||
| 8483 | font-size: .4em; | 8483 | font-size: .4em; | |||
| 8484 | opacity: .6; | 8484 | opacity: .6; | |||
| 8485 | letter-spacing: 0; | 8485 | letter-spacing: 0; | |||
| 8486 | } | 8486 | } | |||
| 8487 | .coupon-sale-text b { | 8487 | .coupon-sale-text b { | |||
| 8488 | display: block; | 8488 | display: block; | |||
| 8489 | font-size: inherit; | 8489 | font-size: inherit; | |||
| 8490 | padding: 0; | 8490 | padding: 0; | |||
| 8491 | color: #fff; | 8491 | color: #fff; | |||
| 8492 | } | 8492 | } | |||
| 8493 | .coupon-sale-text sub { | 8493 | .coupon-sale-text sub { | |||
| 8494 | position: absolute; | 8494 | position: absolute; | |||
| 8495 | left: 100%; | 8495 | left: 100%; | |||
| 8496 | margin-left: .25rem; | 8496 | margin-left: .25rem; | |||
| 8497 | font-size: .625em; | 8497 | font-size: .625em; | |||
| 8498 | line-height: 1; | 8498 | line-height: 1; | |||
| 8499 | bottom: .25em; | 8499 | bottom: .25em; | |||
| 8500 | } | 8500 | } | |||
| 8501 | @media (min-width: 991px) { | 8501 | @media (min-width: 991px) { | |||
| 8502 | .ml-lg-n-4 { | 8502 | .ml-lg-n-4 { | |||
| 8503 | margin-left: -2rem; | 8503 | margin-left: -2rem; | |||
| 8504 | } | 8504 | } | |||
| 8505 | } | 8505 | } | |||
| 8506 | </style> | 8506 | </style> | |||
| 8507 | <div style="margin-top: 30px; | 8507 | <div style="margin-top: 30px; | |||
| 8508 | padding-top: 6.25rem; | 8508 | padding-top: 6.25rem; | |||
| 8509 | padding-bottom: 6.25rem; | 8509 | padding-bottom: 6.25rem; | |||
| 8510 | background-color: #f4f4f4; | 8510 | background-color: #f4f4f4; | |||
| 8511 | background: url({{media url="wysiwyg/smartwave/porto/homepage/14/shop14_home_parallax1.png"}}) center no-repeat;"> | 8511 | background: url({{media url="wysiwyg/smartwave/porto/homepage/14/shop14_home_parallax1.png"}}) center no-repeat;"> | |||
| 8512 | <div class="container"> | 8512 | <div class="container"> | |||
| 8513 | <div class="row align-items-center"> | 8513 | <div class="row align-items-center"> | |||
| 8514 | <div class="mb-4 mb-md-0 col-md-5 offset-lg-1 col-lg-4"> | 8514 | <div class="mb-4 mb-md-0 col-md-5 offset-lg-1 col-lg-4"> | |||
| 8515 | <div class="wpb_wrapper vc_column-inner"> | 8515 | <div class="wpb_wrapper vc_column-inner"> | |||
| 8516 | <h2 style="font-size: 2.25rem; line-height: 1.2;" class="vc_custom_heading d-inline-block mb-0 align-right text-uppercase"> | 8516 | <h2 style="font-size: 2.25rem; line-height: 1.2;" class="vc_custom_heading d-inline-block mb-0 align-right text-uppercase"> | |||
| 8517 | Top electronic<br /> | 8517 | Top electronic<br /> | |||
| 8518 | Deals | 8518 | Deals | |||
| 8519 | </h2> | 8519 | </h2> | |||
| 8520 | </div> | 8520 | </div> | |||
| 8521 | </div> | 8521 | </div> | |||
| 8522 | <div class="mb-4 mb-md-0 col-md-3"> | 8522 | <div class="mb-4 mb-md-0 col-md-3"> | |||
| 8523 | <div class="wpb_wrapper vc_column-inner"> | 8523 | <div class="wpb_wrapper vc_column-inner"> | |||
| 8524 | <div class="btn-container mb-0 d-inline-block"> | 8524 | <div class="btn-container mb-0 d-inline-block"> | |||
| 8525 | <button class="btn btn-modern btn-lg btn-primary"> | 8525 | <button class="btn btn-modern btn-lg btn-primary"> | |||
| 8526 | View Sale | 8526 | View Sale | |||
| 8527 | </button> | 8527 | </button> | |||
| 8528 | </div> | 8528 | </div> | |||
| 8529 | </div> | 8529 | </div> | |||
| 8530 | </div> | 8530 | </div> | |||
| 8531 | <div class="ml-lg-n-4 col-md-4"> | 8531 | <div class="ml-lg-n-4 col-md-4"> | |||
| 8532 | <div class="wpb_wrapper vc_column-inner"> | 8532 | <div class="wpb_wrapper vc_column-inner"> | |||
| 8533 | <div style="font-size: 1.125rem; line-height: 1.8;" class="vc_custom_heading coupon-sale-text background-color-dark d-inline-block mb-2 align-left heading-light">Exclusive COUPON</div> | 8533 | <div style="font-size: 1.125rem; line-height: 1.8;" class="vc_custom_heading coupon-sale-text background-color-dark d-inline-block mb-2 align-left heading-light">Exclusive COUPON</div> | |||
| 8534 | <div class="row"> | 8534 | <div class="row"> | |||
| 8535 | <div class="col-md-12"> | 8535 | <div class="col-md-12"> | |||
| 8536 | <div class="wpb_wrapper vc_column-inner"> | 8536 | <div class="wpb_wrapper vc_column-inner"> | |||
| 8537 | <div style="font-size: 1.625rem; line-height: 1;" class="vc_custom_heading coupon-sale-text background-color-secondary d-inline-block align-left heading-dark"><i>UP TO</i><b>$100</b><sub>OFF</sub></div> | 8537 | <div style="font-size: 1.625rem; line-height: 1;" class="vc_custom_heading coupon-sale-text background-color-secondary d-inline-block align-left heading-dark"><i>UP TO</i><b>$100</b><sub>OFF</sub></div> | |||
| 8538 | </div> | 8538 | </div> | |||
| 8539 | </div> | 8539 | </div> | |||
| 8540 | </div> | 8540 | </div> | |||
| 8541 | </div> | 8541 | </div> | |||
| 8542 | </div> | 8542 | </div> | |||
| 8543 | </div> | 8543 | </div> | |||
| 8544 | </div> | 8544 | </div> | |||
| 8545 | </div> | 8545 | </div> | |||
| 8546 | <div class="porto-inner-container"> | 8546 | <div class="porto-inner-container"> | |||
| 8547 | <div class="container"> | 8547 | <div class="container"> | |||
| 8548 | <div class="row"> | 8548 | <div class="row"> | |||
| 8549 | <div class="col-md-12"> | 8549 | <div class="col-md-12"> | |||
| 8550 | <div class="wpb_wrapper vc_column-inner"> | 8550 | <div class="wpb_wrapper vc_column-inner"> | |||
| 8551 | <div class="porto-brand"> | 8551 | <div class="porto-brand"> | |||
| 8552 | <div class="porto-carousel brand-carousel owl-carousel m-t-xl m-b-xl nav-pos-outside nav-style-4 show-nav-hover"> | 8552 | <div class="porto-carousel brand-carousel owl-carousel m-t-xl m-b-xl nav-pos-outside nav-style-4 show-nav-hover"> | |||
| 8553 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand1.png"}}" alt="" /></div> | 8553 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand1.png"}}" alt="" /></div> | |||
| 8554 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand2.png"}}" alt="" /></div> | 8554 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand2.png"}}" alt="" /></div> | |||
| 8555 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand3.png"}}" alt="" /></div> | 8555 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand3.png"}}" alt="" /></div> | |||
| 8556 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand4.png"}}" alt="" /></div> | 8556 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand4.png"}}" alt="" /></div> | |||
| 8557 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand5.png"}}" alt="" /></div> | 8557 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand5.png"}}" alt="" /></div> | |||
| 8558 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand6.png"}}" alt="" /></div> | 8558 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand6.png"}}" alt="" /></div> | |||
| 8559 | </div> | 8559 | </div> | |||
| 8560 | <script type="text/javascript"> | 8560 | <script type="text/javascript"> | |||
| 8561 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | 8561 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | |||
| 8562 | $(".brand-carousel.owl-carousel").owlCarousel({ | 8562 | $(".brand-carousel.owl-carousel").owlCarousel({ | |||
| 8563 | autoplay: true, | 8563 | autoplay: true, | |||
| 8564 | autoplayTimeout: 5000, | 8564 | autoplayTimeout: 5000, | |||
| 8565 | autoplayHoverPause: true, | 8565 | autoplayHoverPause: true, | |||
| 8566 | nav: false, | 8566 | nav: false, | |||
| 8567 | dots: false, | 8567 | dots: false, | |||
| 8568 | loop: false, | 8568 | loop: false, | |||
| 8569 | responsive: { | 8569 | responsive: { | |||
| 8570 | 0: { | 8570 | 0: { | |||
| 8571 | items: 2, | 8571 | items: 2, | |||
| 8572 | }, | 8572 | }, | |||
| 8573 | 640: { | 8573 | 640: { | |||
| 8574 | items: 3, | 8574 | items: 3, | |||
| 8575 | }, | 8575 | }, | |||
| 8576 | 768: { | 8576 | 768: { | |||
| 8577 | items: 4, | 8577 | items: 4, | |||
| 8578 | }, | 8578 | }, | |||
| 8579 | 992: { | 8579 | 992: { | |||
| 8580 | items: 5, | 8580 | items: 5, | |||
| 8581 | }, | 8581 | }, | |||
| 8582 | 1200: { | 8582 | 1200: { | |||
| 8583 | items: 6, | 8583 | items: 6, | |||
| 8584 | }, | 8584 | }, | |||
| 8585 | }, | 8585 | }, | |||
| 8586 | }); | 8586 | }); | |||
| 8587 | }); | 8587 | }); | |||
| 8588 | </script> | 8588 | </script> | |||
| 8589 | </div> | 8589 | </div> | |||
| 8590 | <div class="porto-separator"><hr class="separator-line align_center solid" style="background-color: #e7e7e7;" /></div> | 8590 | <div class="porto-separator"><hr class="separator-line align_center solid" style="background-color: #e7e7e7;" /></div> | |||
| 8591 | </div> | 8591 | </div> | |||
| 8592 | </div> | 8592 | </div> | |||
| 8593 | </div> | 8593 | </div> | |||
| 8594 | </div> | 8594 | </div> | |||
| 8595 | </div> | 8595 | </div> | |||
| 8596 | <div class="products-list porto-inner-container" style="padding-top: 30px; padding-bottom: 50px;"> | 8596 | <div class="products-list porto-inner-container" style="padding-top: 30px; padding-bottom: 50px;"> | |||
| 8597 | <div class="container"> | 8597 | <div class="container"> | |||
| 8598 | <div class="row"> | 8598 | <div class="row"> | |||
| 8599 | <style> | 8599 | <style> | |||
| 8600 | .product-item-info.type12 { | 8600 | .product-item-info.type12 { | |||
| 8601 | padding: 0; | 8601 | padding: 0; | |||
| 8602 | border: none; | 8602 | border: none; | |||
| 8603 | } | 8603 | } | |||
| 8604 | </style> | 8604 | </style> | |||
| 8605 | <div class="col-sm-6 col-md-4"> | 8605 | <div class="col-sm-6 col-md-4"> | |||
| 8606 | <div class="wpb_wrapper vc_column-inner"> | 8606 | <div class="wpb_wrapper vc_column-inner"> | |||
| 8607 | <div class="porto-products wpb_content_element"> | 8607 | <div class="porto-products wpb_content_element"> | |||
| 8608 | <h2 class="section-title"><span class="inline-title">Top Rated Products</span><span class="line"></span></h2> | 8608 | <h2 class="section-title"><span class="inline-title">Top Rated Products</span><span class="line"></span></h2> | |||
| 8609 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_count="3" product_type="12" column_count="1" aspect_ratio="0" image_width="250" image_height="250" template="grid.phtml"}} | 8609 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_count="3" product_type="12" column_count="1" aspect_ratio="0" image_width="250" image_height="250" template="grid.phtml"}} | |||
| 8610 | </div> | 8610 | </div> | |||
| 8611 | </div> | 8611 | </div> | |||
| 8612 | </div> | 8612 | </div> | |||
| 8613 | <div class="col-sm-6 col-md-4"> | 8613 | <div class="col-sm-6 col-md-4"> | |||
| 8614 | <div class="wpb_wrapper vc_column-inner"> | 8614 | <div class="wpb_wrapper vc_column-inner"> | |||
| 8615 | <div class="porto-products wpb_content_element"> | 8615 | <div class="porto-products wpb_content_element"> | |||
| 8616 | <h2 class="section-title"><span class="inline-title">Best Selling Products</span><span class="line"></span></h2> | 8616 | <h2 class="section-title"><span class="inline-title">Best Selling Products</span><span class="line"></span></h2> | |||
| 8617 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="3" product_type="12" column_count="1" aspect_ratio="0" image_width="250" image_height="250" template="grid.phtml"}} | 8617 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="3" product_type="12" column_count="1" aspect_ratio="0" image_width="250" image_height="250" template="grid.phtml"}} | |||
| 8618 | </div> | 8618 | </div> | |||
| 8619 | </div> | 8619 | </div> | |||
| 8620 | </div> | 8620 | </div> | |||
| 8621 | <div class="col-sm-6 col-md-4"> | 8621 | <div class="col-sm-6 col-md-4"> | |||
| 8622 | <div class="wpb_wrapper vc_column-inner"> | 8622 | <div class="wpb_wrapper vc_column-inner"> | |||
| 8623 | <div class="porto-products wpb_content_element"> | 8623 | <div class="porto-products wpb_content_element"> | |||
| 8624 | <h2 class="section-title"><span class="inline-title">Latest Products</span><span class="line"></span></h2> | 8624 | <h2 class="section-title"><span class="inline-title">Latest Products</span><span class="line"></span></h2> | |||
| 8625 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_count="3" product_type="12" column_count="1" aspect_ratio="0" image_width="250" image_height="250" template="grid.phtml"}} | 8625 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_count="3" product_type="12" column_count="1" aspect_ratio="0" image_width="250" image_height="250" template="grid.phtml"}} | |||
| 8626 | </div> | 8626 | </div> | |||
| 8627 | </div> | 8627 | </div> | |||
| 8628 | </div> | 8628 | </div> | |||
| 8629 | </div> | 8629 | </div> | |||
| 8630 | </div> | 8630 | </div> | |||
| 8631 | </div> | 8631 | </div> | |||
| 8632 | ]]> | 8632 | ]]> | |||
| 8633 | </content> | 8633 | </content> | |||
| 8634 | 8634 | |||||
| 8635 | <is_active> | 8635 | <is_active> | |||
| 8636 | 1 | 8636 | 1 | |||
| 8637 | </is_active> | 8637 | </is_active> | |||
| 8638 | 8638 | |||||
| 8639 | <page_layout> | 8639 | <page_layout> | |||
| 8640 | 1column | 8640 | 1column | |||
| 8641 | </page_layout> | 8641 | </page_layout> | |||
| 8642 | 8642 | |||||
| 8643 | <layout_update_xml> | 8643 | <layout_update_xml> | |||
| 8644 | <![CDATA[]]> | 8644 | <![CDATA[]]> | |||
| 8645 | </layout_update_xml> | 8645 | </layout_update_xml> | |||
| 8646 | 8646 | |||||
| 8647 | </cms_item> | 8647 | </cms_item> | |||
| 8648 | 8648 | |||||
| 8649 | <cms_item> | 8649 | <cms_item> | |||
| 8650 | 8650 | |||||
| 8651 | <title> | 8651 | <title> | |||
| 8652 | Porto - Homepage 15 | 8652 | Porto - Homepage 15 | |||
| 8653 | </title> | 8653 | </title> | |||
| 8654 | 8654 | |||||
| 8655 | <identifier> | 8655 | <identifier> | |||
| 8656 | porto_home_15 | 8656 | porto_home_15 | |||
| 8657 | </identifier> | 8657 | </identifier> | |||
| 8658 | 8658 | |||||
| 8659 | <content> | 8659 | <content> | |||
| 8660 | <![CDATA[<style> | 8660 | <![CDATA[<style> | |||
| 8661 | .porto-ibanner-layer { | 8661 | .porto-ibanner-layer { | |||
| 8662 | position: absolute; | 8662 | position: absolute; | |||
| 8663 | z-index: 10; | 8663 | z-index: 10; | |||
| 8664 | } | 8664 | } | |||
| 8665 | .porto-ibanner-layer .btn-modern.btn-lg { | 8665 | .porto-ibanner-layer .btn-modern.btn-lg { | |||
| 8666 | padding: 1.05em 3em; | 8666 | padding: 1.05em 3em; | |||
| 8667 | font-size: 0.9375em; | 8667 | font-size: 0.9375em; | |||
| 8668 | } | 8668 | } | |||
| 8669 | .text-price b { | 8669 | .text-price b { | |||
| 8670 | font-size: 200%; | 8670 | font-size: 200%; | |||
| 8671 | vertical-align: text-top; | 8671 | vertical-align: text-top; | |||
| 8672 | } | 8672 | } | |||
| 8673 | .clearfix { | 8673 | .clearfix { | |||
| 8674 | overflow: visible; | 8674 | overflow: visible; | |||
| 8675 | } | 8675 | } | |||
| 8676 | .clearfix:before { | 8676 | .clearfix:before { | |||
| 8677 | content: ""; | 8677 | content: ""; | |||
| 8678 | display: table; | 8678 | display: table; | |||
| 8679 | clear: both; | 8679 | clear: both; | |||
| 8680 | } | 8680 | } | |||
| 8681 | .clearfix::after { | 8681 | .clearfix::after { | |||
| 8682 | display: block; | 8682 | display: block; | |||
| 8683 | clear: both; | 8683 | clear: both; | |||
| 8684 | content: ""; | 8684 | content: ""; | |||
| 8685 | } | 8685 | } | |||
| 8686 | </style> | 8686 | </style> | |||
| 8687 | <div class="container" style="padding-top: 20px;"> | 8687 | <div class="container" style="padding-top: 20px;"> | |||
| 8688 | <div class="row no-padding"> | 8688 | <div class="row no-padding"> | |||
| 8689 | <div class="col-md-12 no-padding"> | 8689 | <div class="col-md-12 no-padding"> | |||
| 8690 | <div class="wpb_wrapper vc_column-inner"> | 8690 | <div class="wpb_wrapper vc_column-inner"> | |||
| 8691 | <div id="banner-slider-demo-15" class="porto-carousel owl-carousel home-slider mb-0 porto-standable-carousel nav-pos-outside nav-style-4 show-nav-hover"> | 8691 | <div id="banner-slider-demo-15" class="porto-carousel owl-carousel home-slider mb-0 porto-standable-carousel nav-pos-outside nav-style-4 show-nav-hover"> | |||
| 8692 | <div class="porto-ibanner mb-0" style="min-height: 400px; background-color: #eeeae8;"> | 8692 | <div class="porto-ibanner mb-0" style="min-height: 400px; background-color: #eeeae8;"> | |||
| 8693 | <img src='{{media url="wysiwyg/smartwave/porto/homepage/15/shop15_home_slide1.jpg"}}' /> | 8693 | <img src='{{media url="wysiwyg/smartwave/porto/homepage/15/shop15_home_slide1.jpg"}}' /> | |||
| 8694 | <div class="porto-ibanner-desc no-padding d-flex"> | 8694 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 8695 | <div class="porto-ibanner-layer text-right" style="left: 12%; top: 50%; transform: translateY(-50%);"> | 8695 | <div class="porto-ibanner-layer text-right" style="left: 12%; top: 50%; transform: translateY(-50%);"> | |||
| 8696 | <h4 style="font-size: 1.3125em; color: rgba(34, 37, 41, 0.6); line-height: 1; font-weight: 500; letter-spacing: 0.14em;" class="vc_custom_heading mb-3 align-right">Luxury With Brands We Love</h4> | 8696 | <h4 style="font-size: 1.3125em; color: rgba(34, 37, 41, 0.6); line-height: 1; font-weight: 500; letter-spacing: 0.14em;" class="vc_custom_heading mb-3 align-right">Luxury With Brands We Love</h4> | |||
| 8697 | <h3 style="font-size: 2.5em; line-height: 1;" class="vc_custom_heading mb-2 custom-font4 align-right heading-primary">Women's Lingerie</h3> | 8697 | <h3 style="font-size: 2.5em; line-height: 1;" class="vc_custom_heading mb-2 custom-font4 align-right heading-primary">Women's Lingerie</h3> | |||
| 8698 | <h5 style="font-size: 0.875em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading d-inline-block mr-3 pt-3 align-left">STARTING AT</h5> | 8698 | <h5 style="font-size: 0.875em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading d-inline-block mr-3 pt-3 align-left">STARTING AT</h5> | |||
| 8699 | <h4 style="font-size: 2.375em; line-height: 0.95; letter-spacing: -0.02em;" class="vc_custom_heading text-price pull-right mb-4 align-left">$<b>199</b>99</h4> | 8699 | <h4 style="font-size: 2.375em; line-height: 0.95; letter-spacing: -0.02em;" class="vc_custom_heading text-price pull-right mb-4 align-left">$<b>199</b>99</h4> | |||
| 8700 | <div class="btn-container mb-0 clearfix text-right"><button class="btn btn-modern btn-lg btn-dark">Shop Now!</button></div> | 8700 | <div class="btn-container mb-0 clearfix text-right"><button class="btn btn-modern btn-lg btn-dark">Shop Now!</button></div> | |||
| 8701 | </div> | 8701 | </div> | |||
| 8702 | </div> | 8702 | </div> | |||
| 8703 | </div> | 8703 | </div> | |||
| 8704 | <div class="porto-ibanner mb-0" style="min-height: 400px; background-color: #eeeae8;"> | 8704 | <div class="porto-ibanner mb-0" style="min-height: 400px; background-color: #eeeae8;"> | |||
| 8705 | <img src='{{media url="wysiwyg/smartwave/porto/homepage/15/shop15_home_slide2.jpg"}}' /> | 8705 | <img src='{{media url="wysiwyg/smartwave/porto/homepage/15/shop15_home_slide2.jpg"}}' /> | |||
| 8706 | <div class="porto-ibanner-desc no-padding d-flex"> | 8706 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 8707 | <div class="porto-ibanner-layer" style="right: 12%; top: 50%; transform: translateY(-50%);"> | 8707 | <div class="porto-ibanner-layer" style="right: 12%; top: 50%; transform: translateY(-50%);"> | |||
| 8708 | <h4 style="font-size: 1.1875em; color: rgba(34, 37, 41, 0.6); line-height: 1; font-weight: 500; letter-spacing: 0.14em;" class="vc_custom_heading mb-3 align-left">Trending Items We Love</h4> | 8708 | <h4 style="font-size: 1.1875em; color: rgba(34, 37, 41, 0.6); line-height: 1; font-weight: 500; letter-spacing: 0.14em;" class="vc_custom_heading mb-3 align-left">Trending Items We Love</h4> | |||
| 8709 | <h3 style="font-size: 2.5em; line-height: 1;" class="vc_custom_heading mb-2 custom-font4 align-left heading-primary">Women's Hats</h3> | 8709 | <h3 style="font-size: 2.5em; line-height: 1;" class="vc_custom_heading mb-2 custom-font4 align-left heading-primary">Women's Hats</h3> | |||
| 8710 | <h5 style="font-size: 0.875em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading pull-left mr-3 pt-3 align-left">STARTING AT</h5> | 8710 | <h5 style="font-size: 0.875em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading pull-left mr-3 pt-3 align-left">STARTING AT</h5> | |||
| 8711 | <h4 style="font-size: 2.375em; line-height: 0.95; letter-spacing: -0.02em;" class="vc_custom_heading text-price mb-4 align-left">$<b>19</b>99</h4> | 8711 | <h4 style="font-size: 2.375em; line-height: 0.95; letter-spacing: -0.02em;" class="vc_custom_heading text-price mb-4 align-left">$<b>19</b>99</h4> | |||
| 8712 | <div class="btn-container mb-0 clearfix text-left"><button class="btn btn-modern btn-lg btn-dark">Shop Now!</button></div> | 8712 | <div class="btn-container mb-0 clearfix text-left"><button class="btn btn-modern btn-lg btn-dark">Shop Now!</button></div> | |||
| 8713 | </div> | 8713 | </div> | |||
| 8714 | </div> | 8714 | </div> | |||
| 8715 | </div> | 8715 | </div> | |||
| 8716 | </div> | 8716 | </div> | |||
| 8717 | <script type="text/javascript"> | 8717 | <script type="text/javascript"> | |||
| 8718 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | 8718 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | |||
| 8719 | $("#banner-slider-demo-15").owlCarousel({ | 8719 | $("#banner-slider-demo-15").owlCarousel({ | |||
| 8720 | items: 1, | 8720 | items: 1, | |||
| 8721 | autoplay: false, | 8721 | autoplay: false, | |||
| 8722 | autoplayTimeout: 5000, | 8722 | autoplayTimeout: 5000, | |||
| 8723 | autoplayHoverPause: true, | 8723 | autoplayHoverPause: true, | |||
| 8724 | dots: false, | 8724 | dots: false, | |||
| 8725 | navRewind: true, | 8725 | navRewind: true, | |||
| 8726 | animateIn: "fadeIn", | 8726 | animateIn: "fadeIn", | |||
| 8727 | animateOut: "fadeOut", | 8727 | animateOut: "fadeOut", | |||
| 8728 | loop: true, | 8728 | loop: true, | |||
| 8729 | nav: true, | 8729 | nav: true, | |||
| 8730 | }); | 8730 | }); | |||
| 8731 | }); | 8731 | }); | |||
| 8732 | </script> | 8732 | </script> | |||
| 8733 | </div> | 8733 | </div> | |||
| 8734 | </div> | 8734 | </div> | |||
| 8735 | </div> | 8735 | </div> | |||
| 8736 | <style> | 8736 | <style> | |||
| 8737 | .top-bar .porto-sicon-box { | 8737 | .top-bar .porto-sicon-box { | |||
| 8738 | margin-bottom: 12px; | 8738 | margin-bottom: 12px; | |||
| 8739 | justify-content: center; | 8739 | justify-content: center; | |||
| 8740 | } | 8740 | } | |||
| 8741 | .top-bar > div:not(:last-child) .porto-sicon-box { | 8741 | .top-bar > div:not(:last-child) .porto-sicon-box { | |||
| 8742 | border-right: 1px solid #e7e7e7; | 8742 | border-right: 1px solid #e7e7e7; | |||
| 8743 | } | 8743 | } | |||
| 8744 | .top-bar .porto-sicon-default .porto-icon { | 8744 | .top-bar .porto-sicon-default .porto-icon { | |||
| 8745 | margin-right: 0.5rem; | 8745 | margin-right: 0.5rem; | |||
| 8746 | } | 8746 | } | |||
| 8747 | @media (max-width: 991px) { | 8747 | @media (max-width: 991px) { | |||
| 8748 | .top-bar > div:nth-child(2n) .porto-sicon-box { | 8748 | .top-bar > div:nth-child(2n) .porto-sicon-box { | |||
| 8749 | border-right: none; | 8749 | border-right: none; | |||
| 8750 | } | 8750 | } | |||
| 8751 | } | 8751 | } | |||
| 8752 | @media (max-width: 575px) { | 8752 | @media (max-width: 575px) { | |||
| 8753 | .top-bar .porto-sicon-box { | 8753 | .top-bar .porto-sicon-box { | |||
| 8754 | justify-content: flex-start; | 8754 | justify-content: flex-start; | |||
| 8755 | padding-left: 10px; | 8755 | padding-left: 10px; | |||
| 8756 | } | 8756 | } | |||
| 8757 | .top-bar > div:not(:last-child) .porto-sicon-box { | 8757 | .top-bar > div:not(:last-child) .porto-sicon-box { | |||
| 8758 | border-right: none; | 8758 | border-right: none; | |||
| 8759 | } | 8759 | } | |||
| 8760 | } | 8760 | } | |||
| 8761 | </style> | 8761 | </style> | |||
| 8762 | <div class="row top-bar no-padding" style="margin-bottom: 30px; border-bottom: 1px solid #e7e7e7; padding-top: 24px; padding-bottom: 12px;"> | 8762 | <div class="row top-bar no-padding" style="margin-bottom: 30px; border-bottom: 1px solid #e7e7e7; padding-top: 24px; padding-bottom: 12px;"> | |||
| 8763 | <div class="col-sm-6 col-md-6 col-lg-3 no-padding"> | 8763 | <div class="col-sm-6 col-md-6 col-lg-3 no-padding"> | |||
| 8764 | <div class="wpb_wrapper vc_column-inner"> | 8764 | <div class="wpb_wrapper vc_column-inner"> | |||
| 8765 | <div class="porto-sicon-box style_1 default-icon"> | 8765 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 8766 | <div class="porto-sicon-default"> | 8766 | <div class="porto-sicon-default"> | |||
| 8767 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 8767 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 8768 | <div class="porto-icon none" style="color: #222529; font-size: 28px; display: inline-block;"><i class="porto-icon-shipping"></i></div> | 8768 | <div class="porto-icon none" style="color: #222529; font-size: 28px; display: inline-block;"><i class="porto-icon-shipping"></i></div> | |||
| 8769 | </div> | 8769 | </div> | |||
| 8770 | </div> | 8770 | </div> | |||
| 8771 | <div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 600; font-size: 0.75rem; line-height: 1; letter-spacing: -0.025em;">FREE SHIPPING & RETURN</h3></div> | 8771 | <div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 600; font-size: 0.75rem; line-height: 1; letter-spacing: -0.025em;">FREE SHIPPING & RETURN</h3></div> | |||
| 8772 | </div> | 8772 | </div> | |||
| 8773 | </div> | 8773 | </div> | |||
| 8774 | </div> | 8774 | </div> | |||
| 8775 | <div class="col-sm-6 col-md-6 col-lg-3 no-padding"> | 8775 | <div class="col-sm-6 col-md-6 col-lg-3 no-padding"> | |||
| 8776 | <div class="wpb_wrapper vc_column-inner"> | 8776 | <div class="wpb_wrapper vc_column-inner"> | |||
| 8777 | <div class="porto-sicon-box style_1 default-icon"> | 8777 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 8778 | <div class="porto-sicon-default"> | 8778 | <div class="porto-sicon-default"> | |||
| 8779 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 8779 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 8780 | <div class="porto-icon none" style="color: #222529; font-size: 28px; display: inline-block;"><i class="porto-icon-money"></i></div> | 8780 | <div class="porto-icon none" style="color: #222529; font-size: 28px; display: inline-block;"><i class="porto-icon-money"></i></div> | |||
| 8781 | </div> | 8781 | </div> | |||
| 8782 | </div> | 8782 | </div> | |||
| 8783 | <div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 600; font-size: 0.75rem; line-height: 1; letter-spacing: -0.025em;">MONEY BACK GUARANTEE</h3></div> | 8783 | <div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 600; font-size: 0.75rem; line-height: 1; letter-spacing: -0.025em;">MONEY BACK GUARANTEE</h3></div> | |||
| 8784 | </div> | 8784 | </div> | |||
| 8785 | </div> | 8785 | </div> | |||
| 8786 | </div> | 8786 | </div> | |||
| 8787 | <div class="col-sm-6 col-md-6 col-lg-3 no-padding"> | 8787 | <div class="col-sm-6 col-md-6 col-lg-3 no-padding"> | |||
| 8788 | <div class="wpb_wrapper vc_column-inner"> | 8788 | <div class="wpb_wrapper vc_column-inner"> | |||
| 8789 | <div class="porto-sicon-box style_1 default-icon"> | 8789 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 8790 | <div class="porto-sicon-default"> | 8790 | <div class="porto-sicon-default"> | |||
| 8791 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 8791 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 8792 | <div class="porto-icon none" style="color: #222529; font-size: 28px; display: inline-block;"><i class="porto-icon-support"></i></div> | 8792 | <div class="porto-icon none" style="color: #222529; font-size: 28px; display: inline-block;"><i class="porto-icon-support"></i></div> | |||
| 8793 | </div> | 8793 | </div> | |||
| 8794 | </div> | 8794 | </div> | |||
| 8795 | <div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 600; font-size: 0.75rem; line-height: 1; letter-spacing: -0.025em;">ONLINE SUPPORT 24/7</h3></div> | 8795 | <div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 600; font-size: 0.75rem; line-height: 1; letter-spacing: -0.025em;">ONLINE SUPPORT 24/7</h3></div> | |||
| 8796 | </div> | 8796 | </div> | |||
| 8797 | </div> | 8797 | </div> | |||
| 8798 | </div> | 8798 | </div> | |||
| 8799 | <div class="col-sm-6 col-md-6 col-lg-3 no-padding"> | 8799 | <div class="col-sm-6 col-md-6 col-lg-3 no-padding"> | |||
| 8800 | <div class="wpb_wrapper vc_column-inner"> | 8800 | <div class="wpb_wrapper vc_column-inner"> | |||
| 8801 | <div class="porto-sicon-box style_1 default-icon"> | 8801 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 8802 | <div class="porto-sicon-default"> | 8802 | <div class="porto-sicon-default"> | |||
| 8803 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 8803 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 8804 | <div class="porto-icon none" style="color: #222529; font-size: 28px; display: inline-block;"><i class="porto-icon-secure-payment"></i></div> | 8804 | <div class="porto-icon none" style="color: #222529; font-size: 28px; display: inline-block;"><i class="porto-icon-secure-payment"></i></div> | |||
| 8805 | </div> | 8805 | </div> | |||
| 8806 | </div> | 8806 | </div> | |||
| 8807 | <div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 600; font-size: 0.75rem; line-height: 1; letter-spacing: -0.025em;">SECURE PAYMENT</h3></div> | 8807 | <div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 600; font-size: 0.75rem; line-height: 1; letter-spacing: -0.025em;">SECURE PAYMENT</h3></div> | |||
| 8808 | </div> | 8808 | </div> | |||
| 8809 | </div> | 8809 | </div> | |||
| 8810 | </div> | 8810 | </div> | |||
| 8811 | </div> | 8811 | </div> | |||
| 8812 | <style> | 8812 | <style> | |||
| 8813 | .section-width-sidebar .widget .widget-title { | 8813 | .section-width-sidebar .widget .widget-title { | |||
| 8814 | font-size: 14px; | 8814 | font-size: 14px; | |||
| 8815 | color: #fff; | 8815 | color: #fff; | |||
| 8816 | background: #e9846b; | 8816 | background: #e9846b; | |||
| 8817 | padding: 14px 0 14px 20px; | 8817 | padding: 14px 0 14px 20px; | |||
| 8818 | line-height: 22px; | 8818 | line-height: 22px; | |||
| 8819 | text-transform: none; | 8819 | text-transform: none; | |||
| 8820 | margin-bottom: 0; | 8820 | margin-bottom: 0; | |||
| 8821 | font-weight: 600; | 8821 | font-weight: 600; | |||
| 8822 | } | 8822 | } | |||
| 8823 | .section-width-sidebar .widget .widget-title:before { | 8823 | .section-width-sidebar .widget .widget-title:before { | |||
| 8824 | content: "\f0c9"; | 8824 | content: "\f0c9"; | |||
| 8825 | font-family: "Font Awesome 5 Free"; | 8825 | font-family: "Font Awesome 5 Free"; | |||
| 8826 | margin-right: 10px; | 8826 | margin-right: 10px; | |||
| 8827 | font-weight: 900; | 8827 | font-weight: 900; | |||
| 8828 | position: relative; | 8828 | position: relative; | |||
| 8829 | top: -1px; | 8829 | top: -1px; | |||
| 8830 | } | 8830 | } | |||
| 8831 | .section-width-sidebar .widget_product_categories > ul { | 8831 | .section-width-sidebar .widget_product_categories > ul { | |||
| 8832 | border: 1px solid #e7e7e7; | 8832 | border: 1px solid #e7e7e7; | |||
| 8833 | border-top: none; | 8833 | border-top: none; | |||
| 8834 | padding: 0; | 8834 | padding: 0; | |||
| 8835 | list-style: none; | 8835 | list-style: none; | |||
| 8836 | } | 8836 | } | |||
| 8837 | .section-width-sidebar .widget_product_categories > ul li { | 8837 | .section-width-sidebar .widget_product_categories > ul li { | |||
| 8838 | padding: 14px 0; | 8838 | padding: 14px 0; | |||
| 8839 | margin: 0 20px; | 8839 | margin: 0 20px; | |||
| 8840 | border-top: 1px solid #e7e7e7; | 8840 | border-top: 1px solid #e7e7e7; | |||
| 8841 | } | 8841 | } | |||
| 8842 | .section-width-sidebar .widget_product_categories > ul li:first-child { | 8842 | .section-width-sidebar .widget_product_categories > ul li:first-child { | |||
| 8843 | border-top: none; | 8843 | border-top: none; | |||
| 8844 | } | 8844 | } | |||
| 8845 | .section-width-sidebar .widget_product_categories > ul li a { | 8845 | .section-width-sidebar .widget_product_categories > ul li a { | |||
| 8846 | font-size: 14px; | 8846 | font-size: 14px; | |||
| 8847 | font-weight: 600; | 8847 | font-weight: 600; | |||
| 8848 | color: #222529; | 8848 | color: #222529; | |||
| 8849 | padding: 0; | 8849 | padding: 0; | |||
| 8850 | text-decoration: none !important; | 8850 | text-decoration: none !important; | |||
| 8851 | } | 8851 | } | |||
| 8852 | .section-width-sidebar .top-icon .porto-sicon-header { | 8852 | .section-width-sidebar .top-icon .porto-sicon-header { | |||
| 8853 | margin-bottom: 0.1rem; | 8853 | margin-bottom: 0.1rem; | |||
| 8854 | } | 8854 | } | |||
| 8855 | </style> | 8855 | </style> | |||
| 8856 | <div class="vc_row wpb_row row section-width-sidebar"> | 8856 | <div class="vc_row wpb_row row section-width-sidebar"> | |||
| 8857 | <div class="col-md-4 col-lg-3"> | 8857 | <div class="col-md-4 col-lg-3"> | |||
| 8858 | <div class="wpb_wrapper vc_column-inner"> | 8858 | <div class="wpb_wrapper vc_column-inner"> | |||
| 8859 | <div class="wpb_widgetised_column wpb_content_element"> | 8859 | <div class="wpb_widgetised_column wpb_content_element"> | |||
| 8860 | <div class="wpb_wrapper"> | 8860 | <div class="wpb_wrapper"> | |||
| 8861 | <div class="widget widget_product_categories"> | 8861 | <div class="widget widget_product_categories"> | |||
| 8862 | <h3 class="widget-title">Shop By Category<span class="toggle"></span></h3> | 8862 | <h3 class="widget-title">Shop By Category<span class="toggle"></span></h3> | |||
| 8863 | <ul class="product-categories"> | 8863 | <ul class="product-categories"> | |||
| 8864 | <li class="cat-item cat-item-96"><a href="#">Accessories</a><span class="toggle"></span></li> | 8864 | <li class="cat-item cat-item-96"><a href="#">Accessories</a><span class="toggle"></span></li> | |||
| 8865 | <li class="cat-item cat-item-98"><a href="#">Dress</a></li> | 8865 | <li class="cat-item cat-item-98"><a href="#">Dress</a></li> | |||
| 8866 | <li class="cat-item cat-item-99"><a href="">Electronics</a><span class="toggle"></span></li> | 8866 | <li class="cat-item cat-item-99"><a href="">Electronics</a><span class="toggle"></span></li> | |||
| 8867 | <li class="cat-item cat-item-100"><a href="#">Fashion</a><span class="toggle"></span></li> | 8867 | <li class="cat-item cat-item-100"><a href="#">Fashion</a><span class="toggle"></span></li> | |||
| 8868 | <li class="cat-item cat-item-101"><a href="#">Headphone</a></li> | 8868 | <li class="cat-item cat-item-101"><a href="#">Headphone</a></li> | |||
| 8869 | <li class="cat-item cat-item-106"><a href="#">Trousers</a></li> | 8869 | <li class="cat-item cat-item-106"><a href="#">Trousers</a></li> | |||
| 8870 | </ul> | 8870 | </ul> | |||
| 8871 | </div> | 8871 | </div> | |||
| 8872 | <div class="widget widget-block"> | 8872 | <div class="widget widget-block"> | |||
| 8873 | <div class="block"> | 8873 | <div class="block"> | |||
| 8874 | <div class="porto-block"> | 8874 | <div class="porto-block"> | |||
| 8875 | <div class="vc_row wpb_row row"> | 8875 | <div class="vc_row wpb_row row"> | |||
| 8876 | <div class="col-md-12"> | 8876 | <div class="col-md-12"> | |||
| 8877 | <div class="wpb_wrapper vc_column-inner"> | 8877 | <div class="wpb_wrapper vc_column-inner"> | |||
| 8878 | <div class="porto-sicon-box mb-4 mb-xl-5 style_1 top-icon"> | 8878 | <div class="porto-sicon-box mb-4 mb-xl-5 style_1 top-icon"> | |||
| 8879 | <div class="porto-sicon-top"> | 8879 | <div class="porto-sicon-top"> | |||
| 8880 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 8880 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 8881 | <div class="porto-icon none" style="color: #e9846b; font-size: 35px; display: inline-block;"><i class="Simple-Line-Icons-earphones-alt"></i></div> | 8881 | <div class="porto-icon none" style="color: #e9846b; font-size: 35px; display: inline-block;"><i class="Simple-Line-Icons-earphones-alt"></i></div> | |||
| 8882 | </div> | 8882 | </div> | |||
| 8883 | </div> | 8883 | </div> | |||
| 8884 | <div class="porto-sicon-header"> | 8884 | <div class="porto-sicon-header"> | |||
| 8885 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1rem; line-height: 1.2;">CUSTOMER SUPPORT</h3> | 8885 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1rem; line-height: 1.2;">CUSTOMER SUPPORT</h3> | |||
| 8886 | <p style="font-weight: 600; font-size: 14px; line-height: 1.2; color: #555555;">Need Assistence?</p> | 8886 | <p style="font-weight: 600; font-size: 14px; line-height: 1.2; color: #555555;">Need Assistence?</p> | |||
| 8887 | </div> | 8887 | </div> | |||
| 8888 | <div class="porto-sicon-description" style="font-size: 13px;">Lorem ipsum dolor amet, consectetur.</div> | 8888 | <div class="porto-sicon-description" style="font-size: 13px;">Lorem ipsum dolor amet, consectetur.</div> | |||
| 8889 | </div> | 8889 | </div> | |||
| 8890 | <div class="porto-sicon-box mb-4 mb-xl-5 style_1 top-icon"> | 8890 | <div class="porto-sicon-box mb-4 mb-xl-5 style_1 top-icon"> | |||
| 8891 | <div class="porto-sicon-top"> | 8891 | <div class="porto-sicon-top"> | |||
| 8892 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 8892 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 8893 | <div class="porto-icon none" style="color: #e9846b; font-size: 35px; display: inline-block;"><i class="Simple-Line-Icons-credit-card"></i></div> | 8893 | <div class="porto-icon none" style="color: #e9846b; font-size: 35px; display: inline-block;"><i class="Simple-Line-Icons-credit-card"></i></div> | |||
| 8894 | </div> | 8894 | </div> | |||
| 8895 | </div> | 8895 | </div> | |||
| 8896 | <div class="porto-sicon-header"> | 8896 | <div class="porto-sicon-header"> | |||
| 8897 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1rem; line-height: 1.2;">SECURED PAYMENT</h3> | 8897 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1rem; line-height: 1.2;">SECURED PAYMENT</h3> | |||
| 8898 | <p style="font-weight: 600; font-size: 14px; line-height: 1.2; color: #555555;">Safe & Fast</p> | 8898 | <p style="font-weight: 600; font-size: 14px; line-height: 1.2; color: #555555;">Safe & Fast</p> | |||
| 8899 | </div> | 8899 | </div> | |||
| 8900 | <div class="porto-sicon-description" style="font-size: 13px;">Lorem ipsum dolor amet, consectetur.</div> | 8900 | <div class="porto-sicon-description" style="font-size: 13px;">Lorem ipsum dolor amet, consectetur.</div> | |||
| 8901 | </div> | 8901 | </div> | |||
| 8902 | <div class="porto-sicon-box style_1 top-icon"> | 8902 | <div class="porto-sicon-box style_1 top-icon"> | |||
| 8903 | <div class="porto-sicon-top"> | 8903 | <div class="porto-sicon-top"> | |||
| 8904 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 8904 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 8905 | <div class="porto-icon none" style="color: #e9846b; font-size: 35px; display: inline-block;"><i class="Simple-Line-Icons-action-undo"></i></div> | 8905 | <div class="porto-icon none" style="color: #e9846b; font-size: 35px; display: inline-block;"><i class="Simple-Line-Icons-action-undo"></i></div> | |||
| 8906 | </div> | 8906 | </div> | |||
| 8907 | </div> | 8907 | </div> | |||
| 8908 | <div class="porto-sicon-header"> | 8908 | <div class="porto-sicon-header"> | |||
| 8909 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1rem; line-height: 1.2;">RETURNS</h3> | 8909 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1rem; line-height: 1.2;">RETURNS</h3> | |||
| 8910 | <p style="font-weight: 600; font-size: 14px; line-height: 1.2; color: #555555;">Easy & Free</p> | 8910 | <p style="font-weight: 600; font-size: 14px; line-height: 1.2; color: #555555;">Easy & Free</p> | |||
| 8911 | </div> | 8911 | </div> | |||
| 8912 | <div class="porto-sicon-description" style="font-size: 13px;">Lorem ipsum dolor sit amet.</div> | 8912 | <div class="porto-sicon-description" style="font-size: 13px;">Lorem ipsum dolor sit amet.</div> | |||
| 8913 | </div> | 8913 | </div> | |||
| 8914 | </div> | 8914 | </div> | |||
| 8915 | </div> | 8915 | </div> | |||
| 8916 | </div> | 8916 | </div> | |||
| 8917 | </div> | 8917 | </div> | |||
| 8918 | </div> | 8918 | </div> | |||
| 8919 | </div> | 8919 | </div> | |||
| 8920 | </div> | 8920 | </div> | |||
| 8921 | </div> | 8921 | </div> | |||
| 8922 | </div> | 8922 | </div> | |||
| 8923 | </div> | 8923 | </div> | |||
| 8924 | <div class="vc_column_container col-md-8 col-lg-9"> | 8924 | <div class="vc_column_container col-md-8 col-lg-9"> | |||
| 8925 | <div class="wpb_wrapper vc_column-inner"> | 8925 | <div class="wpb_wrapper vc_column-inner"> | |||
| 8926 | <h2 style="font-size: 1.5rem; line-height: 1; text-align: center; letter-spacing: -0.02em;" class="vc_custom_heading mb-1"> | 8926 | <h2 style="font-size: 1.5rem; line-height: 1; text-align: center; letter-spacing: -0.02em;" class="vc_custom_heading mb-1"> | |||
| 8927 | Recent Products | 8927 | Recent Products | |||
| 8928 | </h2> | 8928 | </h2> | |||
| 8929 | <h5 style="color: rgb(119, 119, 119); line-height: 1.2; text-align: center; font-weight: 400; letter-spacing: -0.02em;" class="vc_custom_heading mb-4"> | 8929 | <h5 style="color: rgb(119, 119, 119); line-height: 1.2; text-align: center; font-weight: 400; letter-spacing: -0.02em;" class="vc_custom_heading mb-4"> | |||
| 8930 | All our new arrivals in a exclusive brand selection | 8930 | All our new arrivals in a exclusive brand selection | |||
| 8931 | </h5> | 8931 | </h5> | |||
| 8932 | <div class="porto-products wpb_content_element mb-0"> | 8932 | <div class="porto-products wpb_content_element mb-0"> | |||
| 8933 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_count="6" product_type="3" column_count="3" aspect_ratio="0" image_width="350" image_height="350" template="grid.phtml"}} | 8933 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_count="6" product_type="3" column_count="3" aspect_ratio="0" image_width="350" image_height="350" template="grid.phtml"}} | |||
| 8934 | </div> | 8934 | </div> | |||
| 8935 | </div> | 8935 | </div> | |||
| 8936 | </div> | 8936 | </div> | |||
| 8937 | </div> | 8937 | </div> | |||
| 8938 | <div class="row home-banner" style="background-color: #ffffff;"> | 8938 | <div class="row home-banner" style="background-color: #ffffff;"> | |||
| 8939 | <div class="col-md-12"> | 8939 | <div class="col-md-12"> | |||
| 8940 | <div class="wpb_wrapper vc_column-inner"> | 8940 | <div class="wpb_wrapper vc_column-inner"> | |||
| 8941 | <div class="porto-separator mb-5"><hr class="separator-line align_center solid" style="background-color: #e7e7e7;" /></div> | 8941 | <div class="porto-separator mb-5"><hr class="separator-line align_center solid" style="background-color: #e7e7e7;" /></div> | |||
| 8942 | </div> | 8942 | </div> | |||
| 8943 | </div> | 8943 | </div> | |||
| 8944 | <div class="col-md-4"> | 8944 | <div class="col-md-4"> | |||
| 8945 | <div class="wpb_wrapper vc_column-inner"> | 8945 | <div class="wpb_wrapper vc_column-inner"> | |||
| 8946 | <div class="porto-ibanner porto-ibe-zoom" style="background-color: #f4f4f4;"> | 8946 | <div class="porto-ibanner porto-ibe-zoom" style="background-color: #f4f4f4;"> | |||
| 8947 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/15/shop15_home_banner1.jpg"}}" /> | 8947 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/15/shop15_home_banner1.jpg"}}" /> | |||
| 8948 | <div class="porto-ibanner-desc no-padding d-flex"> | 8948 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 8949 | <div class="porto-ibanner-layer text-right" style="width: 80%; right: 8%; top: 50%; transform: translateY(-50%);"> | 8949 | <div class="porto-ibanner-layer text-right" style="width: 80%; right: 8%; top: 50%; transform: translateY(-50%);"> | |||
| 8950 | <div> | 8950 | <div> | |||
| 8951 | <h3 style="font-size: 2em; line-height: 1;" class="vc_custom_heading mb-1 custom-font4 align-right heading-primary">Orange</h3> | 8951 | <h3 style="font-size: 2em; line-height: 1;" class="vc_custom_heading mb-1 custom-font4 align-right heading-primary">Orange</h3> | |||
| 8952 | <h5 style="font-size: 0.6875em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading d-inline-block mr-2 align-left">FROM</h5> | 8952 | <h5 style="font-size: 0.6875em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading d-inline-block mr-2 align-left">FROM</h5> | |||
| 8953 | <h4 style="font-size: 1.25em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading text-price pull-right align-left">$<b>19</b>99</h4> | 8953 | <h4 style="font-size: 1.25em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading text-price pull-right align-left">$<b>19</b>99</h4> | |||
| 8954 | <div class="btn-container mb-0 clearfix text-right"><button class="btn btn-modern btn-sm btn-dark d-inline-block">Shop Now!</button></div> | 8954 | <div class="btn-container mb-0 clearfix text-right"><button class="btn btn-modern btn-sm btn-dark d-inline-block">Shop Now!</button></div> | |||
| 8955 | </div> | 8955 | </div> | |||
| 8956 | </div> | 8956 | </div> | |||
| 8957 | </div> | 8957 | </div> | |||
| 8958 | </div> | 8958 | </div> | |||
| 8959 | </div> | 8959 | </div> | |||
| 8960 | </div> | 8960 | </div> | |||
| 8961 | <div class="col-md-4"> | 8961 | <div class="col-md-4"> | |||
| 8962 | <div class="wpb_wrapper vc_column-inner"> | 8962 | <div class="wpb_wrapper vc_column-inner"> | |||
| 8963 | <div id="interactive-banner-wrap-5358" class="porto-ibanner porto-ibe-zoom" style="background-color: #f4f4f4;"> | 8963 | <div id="interactive-banner-wrap-5358" class="porto-ibanner porto-ibe-zoom" style="background-color: #f4f4f4;"> | |||
| 8964 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/15/shop15_home_banner2.jpg"}}" /> | 8964 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/15/shop15_home_banner2.jpg"}}" /> | |||
| 8965 | <div class="porto-ibanner-desc no-padding d-flex"> | 8965 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 8966 | <div class="porto-ibanner-layer text-right" style="width: 80%; right: 8%; top: 50%; transform: translateY(-50%);"> | 8966 | <div class="porto-ibanner-layer text-right" style="width: 80%; right: 8%; top: 50%; transform: translateY(-50%);"> | |||
| 8967 | <div> | 8967 | <div> | |||
| 8968 | <h3 style="font-size: 2em; line-height: 1;" class="vc_custom_heading mb-1 custom-font4 align-right heading-primary">White</h3> | 8968 | <h3 style="font-size: 2em; line-height: 1;" class="vc_custom_heading mb-1 custom-font4 align-right heading-primary">White</h3> | |||
| 8969 | <h5 style="font-size: 0.6875em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading d-inline-block mr-2 align-left">FROM</h5> | 8969 | <h5 style="font-size: 0.6875em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading d-inline-block mr-2 align-left">FROM</h5> | |||
| 8970 | <h4 style="font-size: 1.25em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading text-price pull-right align-left">$<b>29</b>99</h4> | 8970 | <h4 style="font-size: 1.25em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading text-price pull-right align-left">$<b>29</b>99</h4> | |||
| 8971 | <div class="btn-container mb-0 clearfix text-right"><button class="btn btn-modern btn-sm btn-dark d-inline-block">Shop Now!</button></div> | 8971 | <div class="btn-container mb-0 clearfix text-right"><button class="btn btn-modern btn-sm btn-dark d-inline-block">Shop Now!</button></div> | |||
| 8972 | </div> | 8972 | </div> | |||
| 8973 | </div> | 8973 | </div> | |||
| 8974 | </div> | 8974 | </div> | |||
| 8975 | </div> | 8975 | </div> | |||
| 8976 | </div> | 8976 | </div> | |||
| 8977 | </div> | 8977 | </div> | |||
| 8978 | <div class="col-md-4"> | 8978 | <div class="col-md-4"> | |||
| 8979 | <div class="wpb_wrapper vc_column-inner"> | 8979 | <div class="wpb_wrapper vc_column-inner"> | |||
| 8980 | <div class="porto-ibanner porto-ibe-zoom" style="background-color: #f4f4f4;"> | 8980 | <div class="porto-ibanner porto-ibe-zoom" style="background-color: #f4f4f4;"> | |||
| 8981 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/15/shop15_home_banner3.jpg"}}" /> | 8981 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/15/shop15_home_banner3.jpg"}}" /> | |||
| 8982 | <div class="porto-ibanner-desc no-padding d-flex"> | 8982 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 8983 | <div class="porto-ibanner-layer text-right" style="width: 80%; right: 8%; top: 50%; transform: translateY(-50%);"> | 8983 | <div class="porto-ibanner-layer text-right" style="width: 80%; right: 8%; top: 50%; transform: translateY(-50%);"> | |||
| 8984 | <div> | 8984 | <div> | |||
| 8985 | <h3 style="font-size: 2em; line-height: 1;" class="vc_custom_heading mb-1 custom-font4 align-right heading-primary">Black</h3> | 8985 | <h3 style="font-size: 2em; line-height: 1;" class="vc_custom_heading mb-1 custom-font4 align-right heading-primary">Black</h3> | |||
| 8986 | <h5 style="font-size: 0.6875em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading d-inline-block mr-2 align-left">FROM</h5> | 8986 | <h5 style="font-size: 0.6875em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading d-inline-block mr-2 align-left">FROM</h5> | |||
| 8987 | <h4 style="font-size: 1.25em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading text-price pull-right align-left">$<b>39</b>99</h4> | 8987 | <h4 style="font-size: 1.25em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading text-price pull-right align-left">$<b>39</b>99</h4> | |||
| 8988 | <div class="btn-container mb-0 clearfix text-right"><button class="btn btn-modern btn-sm btn-dark d-inline-block">Shop Now!</button></div> | 8988 | <div class="btn-container mb-0 clearfix text-right"><button class="btn btn-modern btn-sm btn-dark d-inline-block">Shop Now!</button></div> | |||
| 8989 | </div> | 8989 | </div> | |||
| 8990 | </div> | 8990 | </div> | |||
| 8991 | </div> | 8991 | </div> | |||
| 8992 | </div> | 8992 | </div> | |||
| 8993 | </div> | 8993 | </div> | |||
| 8994 | </div> | 8994 | </div> | |||
| 8995 | </div> | 8995 | </div> | |||
| 8996 | <div class="row mb-3" style="padding-top: 15px; background-color: #ffffff;"> | 8996 | <div class="row mb-3" style="padding-top: 15px; background-color: #ffffff;"> | |||
| 8997 | <div class="col-md-12"> | 8997 | <div class="col-md-12"> | |||
| 8998 | <div class="wpb_wrapper vc_column-inner"> | 8998 | <div class="wpb_wrapper vc_column-inner"> | |||
| 8999 | <h2 class="vc_custom_heading mb-1" style="font-size: 1.5rem; line-height: 1; text-align: center; letter-spacing: -0.02em;"> | 8999 | <h2 class="vc_custom_heading mb-1" style="font-size: 1.5rem; line-height: 1; text-align: center; letter-spacing: -0.02em;"> | |||
| 9000 | Products On Sale | 9000 | Products On Sale | |||
| 9001 | </h2> | 9001 | </h2> | |||
| 9002 | <h5 style="color: rgb(119, 119, 119); line-height: 1.2; text-align: center; font-weight: 400; letter-spacing: -0.02em;" class="vc_custom_heading mb-4"> | 9002 | <h5 style="color: rgb(119, 119, 119); line-height: 1.2; text-align: center; font-weight: 400; letter-spacing: -0.02em;" class="vc_custom_heading mb-4"> | |||
| 9003 | All our sale products in a exclusive brand selection | 9003 | All our sale products in a exclusive brand selection | |||
| 9004 | </h5> | 9004 | </h5> | |||
| 9005 | <div id="sale-products" class="porto-products wpb_content_element"> | 9005 | <div id="sale-products" class="porto-products wpb_content_element"> | |||
| 9006 | <div class="slider-wrapper"> | 9006 | <div class="slider-wrapper"> | |||
| 9007 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1" product_count="8" product_type="3" | 9007 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1" product_count="8" product_type="3" | |||
| 9008 | aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | 9008 | aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||
| 9009 | <script type="text/javascript"> | 9009 | <script type="text/javascript"> | |||
| 9010 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | 9010 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | |||
| 9011 | $("#sale-products .owl-carousel").owlCarousel({ | 9011 | $("#sale-products .owl-carousel").owlCarousel({ | |||
| 9012 | autoplay: false, | 9012 | autoplay: false, | |||
| 9013 | autoplayTimeout: 5000, | 9013 | autoplayTimeout: 5000, | |||
| 9014 | autoplayHoverPause: true, | 9014 | autoplayHoverPause: true, | |||
| 9015 | loop: true, | 9015 | loop: true, | |||
| 9016 | navRewind: true, | 9016 | navRewind: true, | |||
| 9017 | lazyLoad: true, | 9017 | lazyLoad: true, | |||
| 9018 | margin: 0, | 9018 | margin: 0, | |||
| 9019 | nav: true, | 9019 | nav: true, | |||
| 9020 | dots: false, | 9020 | dots: false, | |||
| 9021 | responsive: { | 9021 | responsive: { | |||
| 9022 | 0: { | 9022 | 0: { | |||
| 9023 | items: 2, | 9023 | items: 2, | |||
| 9024 | }, | 9024 | }, | |||
| 9025 | 640: { | 9025 | 640: { | |||
| 9026 | items: 3, | 9026 | items: 3, | |||
| 9027 | }, | 9027 | }, | |||
| 9028 | 768: { | 9028 | 768: { | |||
| 9029 | items: 3, | 9029 | items: 3, | |||
| 9030 | }, | 9030 | }, | |||
| 9031 | 992: { | 9031 | 992: { | |||
| 9032 | items: 4, | 9032 | items: 4, | |||
| 9033 | }, | 9033 | }, | |||
| 9034 | 1200: { | 9034 | 1200: { | |||
| 9035 | items: 6, | 9035 | items: 6, | |||
| 9036 | }, | 9036 | }, | |||
| 9037 | }, | 9037 | }, | |||
| 9038 | }); | 9038 | }); | |||
| 9039 | }); | 9039 | }); | |||
| 9040 | </script> | 9040 | </script> | |||
| 9041 | </div> | 9041 | </div> | |||
| 9042 | </div> | 9042 | </div> | |||
| 9043 | <style> | 9043 | <style> | |||
| 9044 | .porto-ibanner .text-sale small { | 9044 | .porto-ibanner .text-sale small { | |||
| 9045 | display: inline-block !important; | 9045 | display: inline-block !important; | |||
| 9046 | font-size: 27% !important; | 9046 | font-size: 27% !important; | |||
| 9047 | word-break: break-all; | 9047 | word-break: break-all; | |||
| 9048 | width: 1em; | 9048 | width: 1em; | |||
| 9049 | text-align: center; | 9049 | text-align: center; | |||
| 9050 | font-weight: inherit; | 9050 | font-weight: inherit; | |||
| 9051 | white-space: normal; | 9051 | white-space: normal; | |||
| 9052 | } | 9052 | } | |||
| 9053 | </style> | 9053 | </style> | |||
| 9054 | <div class="porto-ibanner" style="min-height: 320px; background-color: #fba183;"> | 9054 | <div class="porto-ibanner" style="min-height: 320px; background-color: #fba183;"> | |||
| 9055 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/15/shop15_home_banner4.jpg"}}" /> | 9055 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/15/shop15_home_banner4.jpg"}}" /> | |||
| 9056 | <div class="porto-ibanner-desc no-padding d-flex"> | 9056 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 9057 | <div class="porto-ibanner-layer" style="left: 11%; top: 50%; transform: translateY(-50%);"> | 9057 | <div class="porto-ibanner-layer" style="left: 11%; top: 50%; transform: translateY(-50%);"> | |||
| 9058 | <h3 style="font-size: 2.0625em; color: rgba(255, 255, 255, 0.7); line-height: 1; font-weight: 400;" class="vc_custom_heading mb-3 custom-font4 align-left"> | 9058 | <h3 style="font-size: 2.0625em; color: rgba(255, 255, 255, 0.7); line-height: 1; font-weight: 400;" class="vc_custom_heading mb-3 custom-font4 align-left"> | |||
| 9059 | Outlet Selected Items | 9059 | Outlet Selected Items | |||
| 9060 | </h3> | 9060 | </h3> | |||
| 9061 | <h3 style="font-size: 3.125em; line-height: 1;" class="vc_custom_heading mb-0 align-left text-uppercase heading-light"> | 9061 | <h3 style="font-size: 3.125em; line-height: 1;" class="vc_custom_heading mb-0 align-left text-uppercase heading-light"> | |||
| 9062 | big sale up to | 9062 | big sale up to | |||
| 9063 | </h3> | 9063 | </h3> | |||
| 9064 | <h4 style="font-size: 10.625em; line-height: 0.95;" class="vc_custom_heading text-sale m-l-n-sm align-left heading-light">80%<small>OFF</small></h4> | 9064 | <h4 style="font-size: 10.625em; line-height: 0.95;" class="vc_custom_heading text-sale m-l-n-sm align-left heading-light">80%<small>OFF</small></h4> | |||
| 9065 | </div> | 9065 | </div> | |||
| 9066 | </div> | 9066 | </div> | |||
| 9067 | </div> | 9067 | </div> | |||
| 9068 | </div> | 9068 | </div> | |||
| 9069 | </div> | 9069 | </div> | |||
| 9070 | </div> | 9070 | </div> | |||
| 9071 | <div class="row" style="background-color: #ffffff;"> | 9071 | <div class="row" style="background-color: #ffffff;"> | |||
| 9072 | <div class="col-md-12"> | 9072 | <div class="col-md-12"> | |||
| 9073 | <div class="wpb_wrapper vc_column-inner"> | 9073 | <div class="wpb_wrapper vc_column-inner"> | |||
| 9074 | <h2 style="font-size: 1.5rem; line-height: 1; text-align: center; letter-spacing: -0.02em;" class="vc_custom_heading mb-1"> | 9074 | <h2 style="font-size: 1.5rem; line-height: 1; text-align: center; letter-spacing: -0.02em;" class="vc_custom_heading mb-1"> | |||
| 9075 | Popular Products | 9075 | Popular Products | |||
| 9076 | </h2> | 9076 | </h2> | |||
| 9077 | <h5 style="color: rgb(119, 119, 119); line-height: 1.2; text-align: center; font-weight: 400; letter-spacing: -0.02em;" class="vc_custom_heading mb-4"> | 9077 | <h5 style="color: rgb(119, 119, 119); line-height: 1.2; text-align: center; font-weight: 400; letter-spacing: -0.02em;" class="vc_custom_heading mb-4"> | |||
| 9078 | All our popular products in a exclusive brand selection | 9078 | All our popular products in a exclusive brand selection | |||
| 9079 | </h5> | 9079 | </h5> | |||
| 9080 | <div id="featured-products" class="porto-products wpb_content_element"> | 9080 | <div id="featured-products" class="porto-products wpb_content_element"> | |||
| 9081 | <div class="slider-wrapper"> | 9081 | <div class="slider-wrapper"> | |||
| 9082 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1" product_count="8" product_type="3" | 9082 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1" product_count="8" product_type="3" | |||
| 9083 | aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | 9083 | aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||
| 9084 | <script type="text/javascript"> | 9084 | <script type="text/javascript"> | |||
| 9085 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | 9085 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | |||
| 9086 | $("#featured-products .owl-carousel").owlCarousel({ | 9086 | $("#featured-products .owl-carousel").owlCarousel({ | |||
| 9087 | autoplay: false, | 9087 | autoplay: false, | |||
| 9088 | autoplayTimeout: 5000, | 9088 | autoplayTimeout: 5000, | |||
| 9089 | autoplayHoverPause: true, | 9089 | autoplayHoverPause: true, | |||
| 9090 | loop: true, | 9090 | loop: true, | |||
| 9091 | navRewind: true, | 9091 | navRewind: true, | |||
| 9092 | lazyLoad: true, | 9092 | lazyLoad: true, | |||
| 9093 | margin: 0, | 9093 | margin: 0, | |||
| 9094 | nav: true, | 9094 | nav: true, | |||
| 9095 | dots: false, | 9095 | dots: false, | |||
| 9096 | responsive: { | 9096 | responsive: { | |||
| 9097 | 0: { | 9097 | 0: { | |||
| 9098 | items: 2, | 9098 | items: 2, | |||
| 9099 | }, | 9099 | }, | |||
| 9100 | 640: { | 9100 | 640: { | |||
| 9101 | items: 3, | 9101 | items: 3, | |||
| 9102 | }, | 9102 | }, | |||
| 9103 | 768: { | 9103 | 768: { | |||
| 9104 | items: 3, | 9104 | items: 3, | |||
| 9105 | }, | 9105 | }, | |||
| 9106 | 992: { | 9106 | 992: { | |||
| 9107 | items: 4, | 9107 | items: 4, | |||
| 9108 | }, | 9108 | }, | |||
| 9109 | 1200: { | 9109 | 1200: { | |||
| 9110 | items: 6, | 9110 | items: 6, | |||
| 9111 | }, | 9111 | }, | |||
| 9112 | }, | 9112 | }, | |||
| 9113 | }); | 9113 | }); | |||
| 9114 | }); | 9114 | }); | |||
| 9115 | </script> | 9115 | </script> | |||
| 9116 | </div> | 9116 | </div> | |||
| 9117 | </div> | 9117 | </div> | |||
| 9118 | </div> | 9118 | </div> | |||
| 9119 | </div> | 9119 | </div> | |||
| 9120 | </div> | 9120 | </div> | |||
| 9121 | <div class="row newsletter-form mt-0 mb-0" style="padding-top: 60px; padding-bottom: 60px; padding-left: 0;padding-right: 0; background-color: #f4f4f4;"> | 9121 | <div class="row newsletter-form mt-0 mb-0" style="padding-top: 60px; padding-bottom: 60px; padding-left: 0;padding-right: 0; background-color: #f4f4f4;"> | |||
| 9122 | <div class="col-md-6"> | 9122 | <div class="col-md-6"> | |||
| 9123 | <div class="wpb_wrapper vc_column-inner"> | 9123 | <div class="wpb_wrapper vc_column-inner"> | |||
| 9124 | <h2 style="font-size: 1.375rem; line-height: 1.2; text-align: center; font-weight: 800; letter-spacing: -0.02em;" class="vc_custom_heading mb-1 text-md-right">Subscribe To Our Newsletter</h2> | 9124 | <h2 style="font-size: 1.375rem; line-height: 1.2; text-align: center; font-weight: 800; letter-spacing: -0.02em;" class="vc_custom_heading mb-1 text-md-right">Subscribe To Our Newsletter</h2> | |||
| 9125 | <h5 style="font-size: 1rem; color: #777777; line-height: 1.4; text-align: center; font-weight: 400;" class="vc_custom_heading mb-4 text-md-right mb-md-0">Get all the latest information on events, sales and offers.</h5> | 9125 | <h5 style="font-size: 1rem; color: #777777; line-height: 1.4; text-align: center; font-weight: 400;" class="vc_custom_heading mb-4 text-md-right mb-md-0">Get all the latest information on events, sales and offers.</h5> | |||
| 9126 | </div> | 9126 | </div> | |||
| 9127 | </div> | 9127 | </div> | |||
| 9128 | <div class="col-md-5"> | 9128 | <div class="col-md-5"> | |||
| 9129 | <div class="wpb_wrapper vc_column-inner"> | 9129 | <div class="wpb_wrapper vc_column-inner"> | |||
| 9130 | {{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form.phtml"}} | 9130 | {{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form.phtml"}} | |||
| 9131 | <style> | 9131 | <style> | |||
| 9132 | .single-subscribe .newsletter .control { | 9132 | .single-subscribe .newsletter .control { | |||
| 9133 | justify-content: center; | 9133 | justify-content: center; | |||
| 9134 | } | 9134 | } | |||
| 9135 | @media (min-width: 992px) { | 9135 | @media (min-width: 992px) { | |||
| 9136 | .single-subscribe .newsletter .input-text { | 9136 | .single-subscribe .newsletter .input-text { | |||
| 9137 | width: 60%; | 9137 | width: 60%; | |||
| 9138 | } | 9138 | } | |||
| 9139 | } | 9139 | } | |||
| 9140 | .single-subscribe .newsletter input { | 9140 | .single-subscribe .newsletter input { | |||
| 9141 | height: 3.25rem; | 9141 | height: 3.25rem; | |||
| 9142 | padding-left: 1.5em; | 9142 | padding-left: 1.5em; | |||
| 9143 | padding-right: 15px; | 9143 | padding-right: 15px; | |||
| 9144 | border-radius: 0; | 9144 | border-radius: 0; | |||
| 9145 | font-size: 0.875rem; | 9145 | font-size: 0.875rem; | |||
| 9146 | color: #777; | 9146 | color: #777; | |||
| 9147 | border: none; | 9147 | border: none; | |||
| 9148 | margin: 0; | 9148 | margin: 0; | |||
| 9149 | } | 9149 | } | |||
| 9150 | .single-subscribe .newsletter .action { | 9150 | .single-subscribe .newsletter .action { | |||
| 9151 | display: table-cell; | 9151 | display: table-cell; | |||
| 9152 | vertical-align: top; | 9152 | vertical-align: top; | |||
| 9153 | height: 3.2rem; | 9153 | height: 3.2rem; | |||
| 9154 | padding-left: 2.5rem; | 9154 | padding-left: 2.5rem; | |||
| 9155 | padding-right: 2.5rem; | 9155 | padding-right: 2.5rem; | |||
| 9156 | text-transform: uppercase; | 9156 | text-transform: uppercase; | |||
| 9157 | font-weight: 700; | 9157 | font-weight: 700; | |||
| 9158 | font-size: 0.875rem; | 9158 | font-size: 0.875rem; | |||
| 9159 | border-radius: 0; | 9159 | border-radius: 0; | |||
| 9160 | } | 9160 | } | |||
| 9161 | </style> | 9161 | </style> | |||
| 9162 | </div> | 9162 | </div> | |||
| 9163 | </div> | 9163 | </div> | |||
| 9164 | </div> | 9164 | </div> | |||
| 9165 | <div class="row" style="padding-top: 50px; padding-bottom: 11px;"> | 9165 | <div class="row" style="padding-top: 50px; padding-bottom: 11px;"> | |||
| 9166 | <div class="col-md-12"> | 9166 | <div class="col-md-12"> | |||
| 9167 | <div class="wpb_wrapper vc_column-inner"> | 9167 | <div class="wpb_wrapper vc_column-inner"> | |||
| 9168 | <div class="porto-brand"> | 9168 | <div class="porto-brand"> | |||
| 9169 | <div class="porto-carousel brand-carousel owl-carousel mb-0 nav-pos-outside nav-style-4 show-nav-hover"> | 9169 | <div class="porto-carousel brand-carousel owl-carousel mb-0 nav-pos-outside nav-style-4 show-nav-hover"> | |||
| 9170 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand1.png"}}" alt="" /></div> | 9170 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand1.png"}}" alt="" /></div> | |||
| 9171 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand2.png"}}" alt="" /></div> | 9171 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand2.png"}}" alt="" /></div> | |||
| 9172 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand3.png"}}" alt="" /></div> | 9172 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand3.png"}}" alt="" /></div> | |||
| 9173 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand4.png"}}" alt="" /></div> | 9173 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand4.png"}}" alt="" /></div> | |||
| 9174 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand5.png"}}" alt="" /></div> | 9174 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand5.png"}}" alt="" /></div> | |||
| 9175 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand6.png"}}" alt="" /></div> | 9175 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand6.png"}}" alt="" /></div> | |||
| 9176 | </div> | 9176 | </div> | |||
| 9177 | <script type="text/javascript"> | 9177 | <script type="text/javascript"> | |||
| 9178 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | 9178 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | |||
| 9179 | $(".brand-carousel.owl-carousel").owlCarousel({ | 9179 | $(".brand-carousel.owl-carousel").owlCarousel({ | |||
| 9180 | autoplay: false, | 9180 | autoplay: false, | |||
| 9181 | autoplayTimeout: 5000, | 9181 | autoplayTimeout: 5000, | |||
| 9182 | autoplayHoverPause: true, | 9182 | autoplayHoverPause: true, | |||
| 9183 | nav: true, | 9183 | nav: true, | |||
| 9184 | dots: false, | 9184 | dots: false, | |||
| 9185 | loop: true, | 9185 | loop: true, | |||
| 9186 | responsive: { | 9186 | responsive: { | |||
| 9187 | 0: { | 9187 | 0: { | |||
| 9188 | items: 2, | 9188 | items: 2, | |||
| 9189 | }, | 9189 | }, | |||
| 9190 | 640: { | 9190 | 640: { | |||
| 9191 | items: 3, | 9191 | items: 3, | |||
| 9192 | }, | 9192 | }, | |||
| 9193 | 768: { | 9193 | 768: { | |||
| 9194 | items: 4, | 9194 | items: 4, | |||
| 9195 | }, | 9195 | }, | |||
| 9196 | 992: { | 9196 | 992: { | |||
| 9197 | items: 5, | 9197 | items: 5, | |||
| 9198 | }, | 9198 | }, | |||
| 9199 | 1200: { | 9199 | 1200: { | |||
| 9200 | items: 6, | 9200 | items: 6, | |||
| 9201 | }, | 9201 | }, | |||
| 9202 | }, | 9202 | }, | |||
| 9203 | }); | 9203 | }); | |||
| 9204 | }); | 9204 | }); | |||
| 9205 | </script> | 9205 | </script> | |||
| 9206 | </div> | 9206 | </div> | |||
| 9207 | </div> | 9207 | </div> | |||
| 9208 | </div> | 9208 | </div> | |||
| 9209 | </div> | 9209 | </div> | |||
| 9210 | </div> | 9210 | </div> | |||
| 9211 | ]]> | 9211 | ]]> | |||
| 9212 | </content> | 9212 | </content> | |||
| 9213 | 9213 | |||||
| 9214 | <is_active> | 9214 | <is_active> | |||
| 9215 | 1 | 9215 | 1 | |||
| 9216 | </is_active> | 9216 | </is_active> | |||
| 9217 | 9217 | |||||
| 9218 | <page_layout> | 9218 | <page_layout> | |||
| 9219 | 1column | 9219 | 1column | |||
| 9220 | </page_layout> | 9220 | </page_layout> | |||
| 9221 | 9221 | |||||
| 9222 | <layout_update_xml> | 9222 | <layout_update_xml> | |||
| 9223 | <![CDATA[]]> | 9223 | <![CDATA[]]> | |||
| 9224 | </layout_update_xml> | 9224 | </layout_update_xml> | |||
| 9225 | 9225 | |||||
| 9226 | </cms_item> | 9226 | </cms_item> | |||
| 9227 | 9227 | |||||
| 9228 | <cms_item> | 9228 | <cms_item> | |||
| 9229 | 9229 | |||||
| 9230 | <title> | 9230 | <title> | |||
| 9231 | Porto - Homepage 16 | 9231 | Porto - Homepage 16 | |||
| 9232 | </title> | 9232 | </title> | |||
| 9233 | 9233 | |||||
| 9234 | <identifier> | 9234 | <identifier> | |||
| 9235 | porto_home_16 | 9235 | porto_home_16 | |||
| 9236 | </identifier> | 9236 | </identifier> | |||
| 9237 | 9237 | |||||
| 9238 | <content> | 9238 | <content> | |||
| 9239 | <![CDATA[<style> | 9239 | <![CDATA[<style> | |||
| 9240 | .columns .column.main { | 9240 | .columns .column.main { | |||
| 9241 | padding-bottom: 0; | 9241 | padding-bottom: 0; | |||
| 9242 | } | 9242 | } | |||
| 9243 | .coupon-sale-text { | 9243 | .coupon-sale-text { | |||
| 9244 | display: inline-block; | 9244 | display: inline-block; | |||
| 9245 | position: relative; | 9245 | position: relative; | |||
| 9246 | padding-left: 0.265em; | 9246 | padding-left: 0.265em; | |||
| 9247 | transform: none; | 9247 | transform: none; | |||
| 9248 | letter-spacing: 0; | 9248 | letter-spacing: 0; | |||
| 9249 | } | 9249 | } | |||
| 9250 | .coupon-sale-text i { | 9250 | .coupon-sale-text i { | |||
| 9251 | font-style: normal; | 9251 | font-style: normal; | |||
| 9252 | font-size: 0.265em; | 9252 | font-size: 0.265em; | |||
| 9253 | font-weight: 500; | 9253 | font-weight: 500; | |||
| 9254 | transform: translateY(-50%) rotate(-90deg); | 9254 | transform: translateY(-50%) rotate(-90deg); | |||
| 9255 | position: absolute; | 9255 | position: absolute; | |||
| 9256 | top: 50%; | 9256 | top: 50%; | |||
| 9257 | left: -1em; | 9257 | left: -1em; | |||
| 9258 | } | 9258 | } | |||
| 9259 | .vc_custom_heading strong { | 9259 | .vc_custom_heading strong { | |||
| 9260 | font-size: 2em; | 9260 | font-size: 2em; | |||
| 9261 | vertical-align: text-top; | 9261 | vertical-align: text-top; | |||
| 9262 | } | 9262 | } | |||
| 9263 | .m-r-n-xs { | 9263 | .m-r-n-xs { | |||
| 9264 | margin-right: -5px !important; | 9264 | margin-right: -5px !important; | |||
| 9265 | } | 9265 | } | |||
| 9266 | .porto-ibanner-layer .btn-modern.btn-xl { | 9266 | .porto-ibanner-layer .btn-modern.btn-xl { | |||
| 9267 | font-size: 1.0625em; | 9267 | font-size: 1.0625em; | |||
| 9268 | } | 9268 | } | |||
| 9269 | .porto-ibanner-layer .btn-modern.btn-lg { | 9269 | .porto-ibanner-layer .btn-modern.btn-lg { | |||
| 9270 | font-size: .9em; | 9270 | font-size: .9em; | |||
| 9271 | } | 9271 | } | |||
| 9272 | </style> | 9272 | </style> | |||
| 9273 | <div class="porto-ibanner-layer position-static" | 9273 | <div class="porto-ibanner-layer position-static" | |||
| 9274 | style="padding-top: 10.75em; | 9274 | style="padding-top: 10.75em; | |||
| 9275 | padding-bottom: 10.75em; | 9275 | padding-bottom: 10.75em; | |||
| 9276 | background-color: #dcdbd6; | 9276 | background-color: #dcdbd6; | |||
| 9277 | background-position: center; | 9277 | background-position: center; | |||
| 9278 | background-repeat: no-repeat; | 9278 | background-repeat: no-repeat; | |||
| 9279 | background-size: cover; | 9279 | background-size: cover; | |||
| 9280 | background-attachment: fixed; | 9280 | background-attachment: fixed; | |||
| 9281 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/16/shop16_home_banner1.jpg"}}'); | 9281 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/16/shop16_home_banner1.jpg"}}'); | |||
| 9282 | "> | 9282 | "> | |||
| 9283 | <div class="container"> | 9283 | <div class="container"> | |||
| 9284 | <div class="row"> | 9284 | <div class="row"> | |||
| 9285 | <div class="col-auto ml-auto vc_column_container col-md-12"> | 9285 | <div class="col-auto ml-auto vc_column_container col-md-12"> | |||
| 9286 | <div class="wpb_wrapper vc_column-inner"> | 9286 | <div class="wpb_wrapper vc_column-inner"> | |||
| 9287 | <h2 style="font-size: 2.75em; line-height: 1;" class="vc_custom_heading mb-2 custom-font4 align-right">New Season Shirts</h2> | 9287 | <h2 style="font-size: 2.75em; line-height: 1;" class="vc_custom_heading mb-2 custom-font4 align-right">New Season Shirts</h2> | |||
| 9288 | <h3 style="font-size: 6.36em; line-height: 1;" class="vc_custom_heading mb-3 m-r-n-xs coupon-sale-text align-left"><i>UP TO</i>50% OFF</h3> | 9288 | <h3 style="font-size: 6.36em; line-height: 1;" class="vc_custom_heading mb-3 m-r-n-xs coupon-sale-text align-left"><i>UP TO</i>50% OFF</h3> | |||
| 9289 | <div class="porto-separator mb-0"><hr class="separator-line align_left solid" style="background-color: #222529; height: 5px; width: 10%; margin-left: 3px;" /></div> | 9289 | <div class="porto-separator mb-0"><hr class="separator-line align_left solid" style="background-color: #222529; height: 5px; width: 10%; margin-left: 3px;" /></div> | |||
| 9290 | <h4 style="font-size: 1.125em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading mr-4 pr-1 my-3 d-inline-block align-left">STARTING AT $<strong>39</strong>99</h4> | 9290 | <h4 style="font-size: 1.125em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading mr-4 pr-1 my-3 d-inline-block align-left">STARTING AT $<strong>39</strong>99</h4> | |||
| 9291 | <div class="btn-container mb-0 d-inline-block"> | 9291 | <div class="btn-container mb-0 d-inline-block"> | |||
| 9292 | <button class="btn btn-modern btn-xl btn-dark">SHOP NOW <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button> | 9292 | <button class="btn btn-modern btn-xl btn-dark">SHOP NOW <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button> | |||
| 9293 | </div> | 9293 | </div> | |||
| 9294 | </div> | 9294 | </div> | |||
| 9295 | </div> | 9295 | </div> | |||
| 9296 | </div> | 9296 | </div> | |||
| 9297 | </div> | 9297 | </div> | |||
| 9298 | </div> | 9298 | </div> | |||
| 9299 | <div class="porto-ibanner-layer position-static" | 9299 | <div class="porto-ibanner-layer position-static" | |||
| 9300 | style="padding-top: 10.75em; | 9300 | style="padding-top: 10.75em; | |||
| 9301 | padding-bottom: 10.75em; | 9301 | padding-bottom: 10.75em; | |||
| 9302 | background-color: #0088cc; | 9302 | background-color: #0088cc; | |||
| 9303 | background-position: center; | 9303 | background-position: center; | |||
| 9304 | background-repeat: no-repeat; | 9304 | background-repeat: no-repeat; | |||
| 9305 | background-size: cover; | 9305 | background-size: cover; | |||
| 9306 | background-attachment: fixed; | 9306 | background-attachment: fixed; | |||
| 9307 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/16/shop16_home_banner2.jpg"}}');"> | 9307 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/16/shop16_home_banner2.jpg"}}');"> | |||
| 9308 | <div class="container"> | 9308 | <div class="container"> | |||
| 9309 | <div class="row"> | 9309 | <div class="row"> | |||
| 9310 | <div class="col-auto col-md-12"> | 9310 | <div class="col-auto col-md-12"> | |||
| 9311 | <div class="wpb_wrapper vc_column-inner"> | 9311 | <div class="wpb_wrapper vc_column-inner"> | |||
| 9312 | <h2 style="font-size: 2.75em; line-height: 1;" class="vc_custom_heading mb-2 custom-font4 align-right heading-light">Summer Fashion Hats</h2> | 9312 | <h2 style="font-size: 2.75em; line-height: 1;" class="vc_custom_heading mb-2 custom-font4 align-right heading-light">Summer Fashion Hats</h2> | |||
| 9313 | <h3 style="font-size: 6.36em; line-height: 1;" class="vc_custom_heading mb-3 m-r-n-xs coupon-sale-text align-left heading-light"><i>UP TO</i>50% OFF</h3> | 9313 | <h3 style="font-size: 6.36em; line-height: 1;" class="vc_custom_heading mb-3 m-r-n-xs coupon-sale-text align-left heading-light"><i>UP TO</i>50% OFF</h3> | |||
| 9314 | <div class="porto-separator mb-0"><hr class="separator-line align_left solid" style="background-color: white; height: 5px; width: 10%; margin-left: 3px;" /></div> | 9314 | <div class="porto-separator mb-0"><hr class="separator-line align_left solid" style="background-color: white; height: 5px; width: 10%; margin-left: 3px;" /></div> | |||
| 9315 | <h4 style="font-size: 1.125em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading mr-4 pr-1 my-3 d-inline-block align-left heading-light">STARTING AT $<strong>39</strong>99</h4> | 9315 | <h4 style="font-size: 1.125em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading mr-4 pr-1 my-3 d-inline-block align-left heading-light">STARTING AT $<strong>39</strong>99</h4> | |||
| 9316 | <div class="btn-container mb-0 d-inline-block"> | 9316 | <div class="btn-container mb-0 d-inline-block"> | |||
| 9317 | <button class="btn btn-modern btn-xl btn-light">SHOP NOW <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button> | 9317 | <button class="btn btn-modern btn-xl btn-light">SHOP NOW <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button> | |||
| 9318 | </div> | 9318 | </div> | |||
| 9319 | </div> | 9319 | </div> | |||
| 9320 | </div> | 9320 | </div> | |||
| 9321 | </div> | 9321 | </div> | |||
| 9322 | </div> | 9322 | </div> | |||
| 9323 | </div> | 9323 | </div> | |||
| 9324 | <div class="row porto-ibanner-layer position-static no-padding"> | 9324 | <div class="row porto-ibanner-layer position-static no-padding"> | |||
| 9325 | <div | 9325 | <div | |||
| 9326 | class="col-md-6" | 9326 | class="col-md-6" | |||
| 9327 | style="padding-top: 12.5em; | 9327 | style="padding-top: 12.5em; | |||
| 9328 | padding-bottom: 12.5em; | 9328 | padding-bottom: 12.5em; | |||
| 9329 | padding-left: 6%; | 9329 | padding-left: 6%; | |||
| 9330 | background-color: #f2f2f0; | 9330 | background-color: #f2f2f0; | |||
| 9331 | background-position: center; | 9331 | background-position: center; | |||
| 9332 | background-repeat: no-repeat; | 9332 | background-repeat: no-repeat; | |||
| 9333 | background-size: cover; | 9333 | background-size: cover; | |||
| 9334 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/16/shop16_home_banner3.jpg"}}');"> | 9334 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/16/shop16_home_banner3.jpg"}}');"> | |||
| 9335 | <div class="wpb_wrapper vc_column-inner"> | 9335 | <div class="wpb_wrapper vc_column-inner"> | |||
| 9336 | <h3 style="font-size: 2.5em; line-height: 1.2;" class="vc_custom_heading mb-3 align-left"> | 9336 | <h3 style="font-size: 2.5em; line-height: 1.2;" class="vc_custom_heading mb-3 align-left"> | |||
| 9337 | DRESSES<br /> | 9337 | DRESSES<br /> | |||
| 9338 | COLLECTION | 9338 | COLLECTION | |||
| 9339 | </h3> | 9339 | </h3> | |||
| 9340 | <h5 style="font-size: 1.125em; color: rgb(119, 119, 119); line-height: 1; font-weight: 400;" class="vc_custom_heading mb-4 align-left"> | 9340 | <h5 style="font-size: 1.125em; color: rgb(119, 119, 119); line-height: 1; font-weight: 400;" class="vc_custom_heading mb-4 align-left"> | |||
| 9341 | Check out this week's hottest styles. | 9341 | Check out this week's hottest styles. | |||
| 9342 | </h5> | 9342 | </h5> | |||
| 9343 | <div class="btn-container mb-0 d-inline-block"> | 9343 | <div class="btn-container mb-0 d-inline-block"> | |||
| 9344 | <button class="btn btn-modern btn-lg btn-dark"> | 9344 | <button class="btn btn-modern btn-lg btn-dark"> | |||
| 9345 | Shop Now | 9345 | Shop Now | |||
| 9346 | </button> | 9346 | </button> | |||
| 9347 | </div> | 9347 | </div> | |||
| 9348 | </div> | 9348 | </div> | |||
| 9349 | </div> | 9349 | </div> | |||
| 9350 | <div | 9350 | <div | |||
| 9351 | class="col-md-6 vc_custom_1576126177955" | 9351 | class="col-md-6 vc_custom_1576126177955" | |||
| 9352 | style="padding-top: 12.5em; | 9352 | style="padding-top: 12.5em; | |||
| 9353 | padding-bottom: 12.5em; | 9353 | padding-bottom: 12.5em; | |||
| 9354 | padding-left: 6%; | 9354 | padding-left: 6%; | |||
| 9355 | background-color: #dbdad5; | 9355 | background-color: #dbdad5; | |||
| 9356 | background-position: center; | 9356 | background-position: center; | |||
| 9357 | background-repeat: no-repeat; | 9357 | background-repeat: no-repeat; | |||
| 9358 | background-size: cover; | 9358 | background-size: cover; | |||
| 9359 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/16/shop16_home_banner4.jpg"}}');"> | 9359 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/16/shop16_home_banner4.jpg"}}');"> | |||
| 9360 | <div class="wpb_wrapper vc_column-inner"> | 9360 | <div class="wpb_wrapper vc_column-inner"> | |||
| 9361 | <h3 style="font-size: 2.5em; line-height: 1.2;" class="vc_custom_heading mb-3 align-left"> | 9361 | <h3 style="font-size: 2.5em; line-height: 1.2;" class="vc_custom_heading mb-3 align-left"> | |||
| 9362 | HANDBAGS<br /> | 9362 | HANDBAGS<br /> | |||
| 9363 | COLLECTION | 9363 | COLLECTION | |||
| 9364 | </h3> | 9364 | </h3> | |||
| 9365 | <h5 style="font-size: 1.125em; color: rgb(119, 119, 119); line-height: 1; font-weight: 400;" class="vc_custom_heading mb-4 align-left"> | 9365 | <h5 style="font-size: 1.125em; color: rgb(119, 119, 119); line-height: 1; font-weight: 400;" class="vc_custom_heading mb-4 align-left"> | |||
| 9366 | Check out this week's hottest styles. | 9366 | Check out this week's hottest styles. | |||
| 9367 | </h5> | 9367 | </h5> | |||
| 9368 | <div class="btn-container mb-0 d-inline-block"> | 9368 | <div class="btn-container mb-0 d-inline-block"> | |||
| 9369 | <button class="btn btn-modern btn-lg btn-dark"> | 9369 | <button class="btn btn-modern btn-lg btn-dark"> | |||
| 9370 | Shop Now | 9370 | Shop Now | |||
| 9371 | </button> | 9371 | </button> | |||
| 9372 | </div> | 9372 | </div> | |||
| 9373 | </div> | 9373 | </div> | |||
| 9374 | </div> | 9374 | </div> | |||
| 9375 | </div> | 9375 | </div> | |||
| 9376 | <div | 9376 | <div | |||
| 9377 | class="bg-attach-fixed porto-ibanner-layer position-static no-padding mt-0 mb-0 dark-layout" | 9377 | class="bg-attach-fixed porto-ibanner-layer position-static no-padding mt-0 mb-0 dark-layout" | |||
| 9378 | style="padding-top: 5em; | 9378 | style="padding-top: 5em; | |||
| 9379 | padding-bottom: 4.75em; | 9379 | padding-bottom: 4.75em; | |||
| 9380 | background-position: center; | 9380 | background-position: center; | |||
| 9381 | background-repeat: no-repeat; | 9381 | background-repeat: no-repeat; | |||
| 9382 | background-size: cover; | 9382 | background-size: cover; | |||
| 9383 | background-color: #222529; | 9383 | background-color: #222529; | |||
| 9384 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/16/shop16_home_banner5.jpg"}}');"> | 9384 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/16/shop16_home_banner5.jpg"}}');"> | |||
| 9385 | <div class="container"> | 9385 | <div class="container"> | |||
| 9386 | <div class="row"> | 9386 | <div class="row"> | |||
| 9387 | <div class="col-md-12"> | 9387 | <div class="col-md-12"> | |||
| 9388 | <div class="wpb_wrapper vc_column-inner"> | 9388 | <div class="wpb_wrapper vc_column-inner"> | |||
| 9389 | <div class="overflow-hidden mb-1"> | 9389 | <div class="overflow-hidden mb-1"> | |||
| 9390 | <h2 style="font-size: 3em; line-height: 1.2; text-align: center; font-weight: 700;" class="vc_custom_heading mb-0 custom-font4 heading-light"> | 9390 | <h2 style="font-size: 3em; line-height: 1.2; text-align: center; font-weight: 700;" class="vc_custom_heading mb-0 custom-font4 heading-light"> | |||
| 9391 | Styled Outfits | 9391 | Styled Outfits | |||
| 9392 | </h2> | 9392 | </h2> | |||
| 9393 | </div> | 9393 | </div> | |||
| 9394 | <div class="porto-animation overflow-hidden m-b-xl"> | 9394 | <div class="porto-animation overflow-hidden m-b-xl"> | |||
| 9395 | <h5 style="font-size: 1.125em; line-height: 1; text-align: center; letter-spacing: -0.02em;" class="vc_custom_heading mb-0 heading-light"> | 9395 | <h5 style="font-size: 1.125em; line-height: 1; text-align: center; letter-spacing: -0.02em;" class="vc_custom_heading mb-0 heading-light"> | |||
| 9396 | STARTING AT $<strong>29</strong>99 | 9396 | STARTING AT $<strong>29</strong>99 | |||
| 9397 | </h5> | 9397 | </h5> | |||
| 9398 | </div> | 9398 | </div> | |||
| 9399 | <div id="outfits-products" class="porto-products wpb_content_element mb-0"> | 9399 | <div id="outfits-products" class="porto-products wpb_content_element mb-0"> | |||
| 9400 | <div class="slider-wrapper"> | 9400 | <div class="slider-wrapper"> | |||
| 9401 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" extra_class="nav-center-images-only nav-pos-outside nav-style-2 show-nav-hover dots-style-1" product_count="6" aspect_ratio="0" image_width="400" image_height="460" template="owl_list.phtml"}} | 9401 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" extra_class="nav-center-images-only nav-pos-outside nav-style-2 show-nav-hover dots-style-1" product_count="6" aspect_ratio="0" image_width="400" image_height="460" template="owl_list.phtml"}} | |||
| 9402 | <script type="text/javascript"> | 9402 | <script type="text/javascript"> | |||
| 9403 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | 9403 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | |||
| 9404 | $("#outfits-products .owl-carousel").owlCarousel({ | 9404 | $("#outfits-products .owl-carousel").owlCarousel({ | |||
| 9405 | autoplay: false, | 9405 | autoplay: false, | |||
| 9406 | autoplayTimeout: 5000, | 9406 | autoplayTimeout: 5000, | |||
| 9407 | autoplayHoverPause: true, | 9407 | autoplayHoverPause: true, | |||
| 9408 | loop: true, | 9408 | loop: true, | |||
| 9409 | navRewind: true, | 9409 | navRewind: true, | |||
| 9410 | lazyLoad: true, | 9410 | lazyLoad: true, | |||
| 9411 | margin: 0, | 9411 | margin: 0, | |||
| 9412 | nav: true, | 9412 | nav: true, | |||
| 9413 | dots: false, | 9413 | dots: false, | |||
| 9414 | responsive: { | 9414 | responsive: { | |||
| 9415 | 0: { | 9415 | 0: { | |||
| 9416 | items: 2, | 9416 | items: 2, | |||
| 9417 | }, | 9417 | }, | |||
| 9418 | 640: { | 9418 | 640: { | |||
| 9419 | items: 2, | 9419 | items: 2, | |||
| 9420 | }, | 9420 | }, | |||
| 9421 | 768: { | 9421 | 768: { | |||
| 9422 | items: 3, | 9422 | items: 3, | |||
| 9423 | }, | 9423 | }, | |||
| 9424 | 992: { | 9424 | 992: { | |||
| 9425 | items: 3, | 9425 | items: 3, | |||
| 9426 | }, | 9426 | }, | |||
| 9427 | 1200: { | 9427 | 1200: { | |||
| 9428 | items: 4, | 9428 | items: 4, | |||
| 9429 | }, | 9429 | }, | |||
| 9430 | }, | 9430 | }, | |||
| 9431 | }); | 9431 | }); | |||
| 9432 | }); | 9432 | }); | |||
| 9433 | </script> | 9433 | </script> | |||
| 9434 | </div> | 9434 | </div> | |||
| 9435 | </div> | 9435 | </div> | |||
| 9436 | </div> | 9436 | </div> | |||
| 9437 | </div> | 9437 | </div> | |||
| 9438 | </div> | 9438 | </div> | |||
| 9439 | </div> | 9439 | </div> | |||
| 9440 | </div> | 9440 | </div> | |||
| 9441 | <div class="row porto-ibanner-layer position-static no-padding"> | 9441 | <div class="row porto-ibanner-layer position-static no-padding"> | |||
| 9442 | <div class="order-md-2 col-md-6 d-flex align-items-center" | 9442 | <div class="order-md-2 col-md-6 d-flex align-items-center" | |||
| 9443 | style="padding-top: 4.375em; | 9443 | style="padding-top: 4.375em; | |||
| 9444 | padding-bottom: 4.375em; | 9444 | padding-bottom: 4.375em; | |||
| 9445 | padding-left: 6%; | 9445 | padding-left: 6%; | |||
| 9446 | background-color: #dbdad5; | 9446 | background-color: #dbdad5; | |||
| 9447 | background-position: center; | 9447 | background-position: center; | |||
| 9448 | background-repeat: no-repeat; | 9448 | background-repeat: no-repeat; | |||
| 9449 | background-size: cover; | 9449 | background-size: cover; | |||
| 9450 | background-attachment: fixed; | 9450 | background-attachment: fixed; | |||
| 9451 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/16/shop16_home_banner6.jpg"}}');"> | 9451 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/16/shop16_home_banner6.jpg"}}');"> | |||
| 9452 | <div class="wpb_wrapper vc_column-inner flex-1"> | 9452 | <div class="wpb_wrapper vc_column-inner flex-1"> | |||
| 9453 | <h3 style="font-size: 2.5em; line-height: 1.2;" class="vc_custom_heading mb-3 align-left"> | 9453 | <h3 style="font-size: 2.5em; line-height: 1.2;" class="vc_custom_heading mb-3 align-left"> | |||
| 9454 | WOMEN'S<br /> | 9454 | WOMEN'S<br /> | |||
| 9455 | CASUAL STYLE | 9455 | CASUAL STYLE | |||
| 9456 | </h3> | 9456 | </h3> | |||
| 9457 | <h5 style="font-size: 1.125em; color: rgb(119, 119, 119); line-height: 1; font-weight: 400;" class="vc_custom_heading mb-4 align-left"> | 9457 | <h5 style="font-size: 1.125em; color: rgb(119, 119, 119); line-height: 1; font-weight: 400;" class="vc_custom_heading mb-4 align-left"> | |||
| 9458 | Check out this week's hottest styles. | 9458 | Check out this week's hottest styles. | |||
| 9459 | </h5> | 9459 | </h5> | |||
| 9460 | <div class="btn-container mb-0 d-inline-block"> | 9460 | <div class="btn-container mb-0 d-inline-block"> | |||
| 9461 | <button class="btn btn-modern btn-lg btn-dark">Shop Now</button> | 9461 | <button class="btn btn-modern btn-lg btn-dark">Shop Now</button> | |||
| 9462 | </div> | 9462 | </div> | |||
| 9463 | </div> | 9463 | </div> | |||
| 9464 | </div> | 9464 | </div> | |||
| 9465 | <div class="col-md-6" style="padding-top: 4.375em; padding-right: 6%; padding-bottom: 4.25em; padding-left: 6%; background-color: #e6e5e2;"> | 9465 | <div class="col-md-6" style="padding-top: 4.375em; padding-right: 6%; padding-bottom: 4.25em; padding-left: 6%; background-color: #e6e5e2;"> | |||
| 9466 | <div class="wpb_wrapper vc_column-inner"> | 9466 | <div class="wpb_wrapper vc_column-inner"> | |||
| 9467 | <div id="porto1-products" class="porto-products wpb_content_element mb-0"> | 9467 | <div id="porto1-products" class="porto-products wpb_content_element mb-0"> | |||
| 9468 | <div class="slider-wrapper"> | 9468 | <div class="slider-wrapper"> | |||
| 9469 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1" product_count="3" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | 9469 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1" product_count="3" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||
| 9470 | <script type="text/javascript"> | 9470 | <script type="text/javascript"> | |||
| 9471 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | 9471 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | |||
| 9472 | $("#porto1-products .owl-carousel").owlCarousel({ | 9472 | $("#porto1-products .owl-carousel").owlCarousel({ | |||
| 9473 | autoplay: false, | 9473 | autoplay: false, | |||
| 9474 | autoplayTimeout: 5000, | 9474 | autoplayTimeout: 5000, | |||
| 9475 | autoplayHoverPause: true, | 9475 | autoplayHoverPause: true, | |||
| 9476 | loop: true, | 9476 | loop: true, | |||
| 9477 | navRewind: true, | 9477 | navRewind: true, | |||
| 9478 | lazyLoad: true, | 9478 | lazyLoad: true, | |||
| 9479 | margin: 0, | 9479 | margin: 0, | |||
| 9480 | nav: true, | 9480 | nav: true, | |||
| 9481 | dots: false, | 9481 | dots: false, | |||
| 9482 | responsive: { | 9482 | responsive: { | |||
| 9483 | 0: { | 9483 | 0: { | |||
| 9484 | items: 2, | 9484 | items: 2, | |||
| 9485 | }, | 9485 | }, | |||
| 9486 | 640: { | 9486 | 640: { | |||
| 9487 | items: 2, | 9487 | items: 2, | |||
| 9488 | }, | 9488 | }, | |||
| 9489 | 768: { | 9489 | 768: { | |||
| 9490 | items: 2, | 9490 | items: 2, | |||
| 9491 | }, | 9491 | }, | |||
| 9492 | 992: { | 9492 | 992: { | |||
| 9493 | items: 2, | 9493 | items: 2, | |||
| 9494 | }, | 9494 | }, | |||
| 9495 | 1200: { | 9495 | 1200: { | |||
| 9496 | items: 2, | 9496 | items: 2, | |||
| 9497 | }, | 9497 | }, | |||
| 9498 | }, | 9498 | }, | |||
| 9499 | }); | 9499 | }); | |||
| 9500 | }); | 9500 | }); | |||
| 9501 | </script> | 9501 | </script> | |||
| 9502 | </div> | 9502 | </div> | |||
| 9503 | </div> | 9503 | </div> | |||
| 9504 | </div> | 9504 | </div> | |||
| 9505 | </div> | 9505 | </div> | |||
| 9506 | </div> | 9506 | </div> | |||
| 9507 | <div class="row porto-ibanner-layer position-static no-padding"> | 9507 | <div class="row porto-ibanner-layer position-static no-padding"> | |||
| 9508 | <div class="col-md-6 d-flex align-items-center" | 9508 | <div class="col-md-6 d-flex align-items-center" | |||
| 9509 | style="padding-top: 4.375em; | 9509 | style="padding-top: 4.375em; | |||
| 9510 | padding-right: 6%; | 9510 | padding-right: 6%; | |||
| 9511 | padding-bottom: 4.375em; | 9511 | padding-bottom: 4.375em; | |||
| 9512 | background-color: #dbdad5; | 9512 | background-color: #dbdad5; | |||
| 9513 | background-position: center; | 9513 | background-position: center; | |||
| 9514 | background-repeat: no-repeat; | 9514 | background-repeat: no-repeat; | |||
| 9515 | background-size: cover; | 9515 | background-size: cover; | |||
| 9516 | background-attachment: fixed; | 9516 | background-attachment: fixed; | |||
| 9517 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/16/shop16_home_banner7.jpg"}}'); | 9517 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/16/shop16_home_banner7.jpg"}}'); | |||
| 9518 | "> | 9518 | "> | |||
| 9519 | <div class="wpb_wrapper vc_column-inner flex-1"> | 9519 | <div class="wpb_wrapper vc_column-inner flex-1"> | |||
| 9520 | <h3 style="font-size: 2.5em; line-height: 1.2;" class="vc_custom_heading mb-3 align-right"> | 9520 | <h3 style="font-size: 2.5em; line-height: 1.2;" class="vc_custom_heading mb-3 align-right"> | |||
| 9521 | WOMEN'S<br /> | 9521 | WOMEN'S<br /> | |||
| 9522 | OUTFITS | 9522 | OUTFITS | |||
| 9523 | </h3> | 9523 | </h3> | |||
| 9524 | <h5 style="font-size: 1.125em; color: rgb(119, 119, 119); line-height: 1; font-weight: 400;" class="vc_custom_heading mb-4 align-right"> | 9524 | <h5 style="font-size: 1.125em; color: rgb(119, 119, 119); line-height: 1; font-weight: 400;" class="vc_custom_heading mb-4 align-right"> | |||
| 9525 | Check out this week's hottest styles. | 9525 | Check out this week's hottest styles. | |||
| 9526 | </h5> | 9526 | </h5> | |||
| 9527 | <div class="btn-container mb-0 text-right"> | 9527 | <div class="btn-container mb-0 text-right"> | |||
| 9528 | <button class="btn btn-modern btn-lg btn-dark">Shop Now</button> | 9528 | <button class="btn btn-modern btn-lg btn-dark">Shop Now</button> | |||
| 9529 | </div> | 9529 | </div> | |||
| 9530 | </div> | 9530 | </div> | |||
| 9531 | </div> | 9531 | </div> | |||
| 9532 | <div class="col-md-6" style="padding-top: 4.375em;padding-right: 6%;padding-bottom: 4.25em;padding-left: 6%;background-color: #e6e5e2;"> | 9532 | <div class="col-md-6" style="padding-top: 4.375em;padding-right: 6%;padding-bottom: 4.25em;padding-left: 6%;background-color: #e6e5e2;"> | |||
| 9533 | <div class="wpb_wrapper vc_column-inner"> | 9533 | <div class="wpb_wrapper vc_column-inner"> | |||
| 9534 | <div id="porto2-products" class="porto-products wpb_content_element mb-0"> | 9534 | <div id="porto2-products" class="porto-products wpb_content_element mb-0"> | |||
| 9535 | <div class="slider-wrapper"> | 9535 | <div class="slider-wrapper"> | |||
| 9536 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1" product_count="3" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | 9536 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1" product_count="3" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||
| 9537 | <script type="text/javascript"> | 9537 | <script type="text/javascript"> | |||
| 9538 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | 9538 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | |||
| 9539 | $("#porto2-products .owl-carousel").owlCarousel({ | 9539 | $("#porto2-products .owl-carousel").owlCarousel({ | |||
| 9540 | autoplay: false, | 9540 | autoplay: false, | |||
| 9541 | autoplayTimeout: 5000, | 9541 | autoplayTimeout: 5000, | |||
| 9542 | autoplayHoverPause: true, | 9542 | autoplayHoverPause: true, | |||
| 9543 | loop: true, | 9543 | loop: true, | |||
| 9544 | navRewind: true, | 9544 | navRewind: true, | |||
| 9545 | lazyLoad: true, | 9545 | lazyLoad: true, | |||
| 9546 | margin: 0, | 9546 | margin: 0, | |||
| 9547 | nav: true, | 9547 | nav: true, | |||
| 9548 | dots: false, | 9548 | dots: false, | |||
| 9549 | responsive: { | 9549 | responsive: { | |||
| 9550 | 0: { | 9550 | 0: { | |||
| 9551 | items: 2, | 9551 | items: 2, | |||
| 9552 | }, | 9552 | }, | |||
| 9553 | 640: { | 9553 | 640: { | |||
| 9554 | items: 2, | 9554 | items: 2, | |||
| 9555 | }, | 9555 | }, | |||
| 9556 | 768: { | 9556 | 768: { | |||
| 9557 | items: 2, | 9557 | items: 2, | |||
| 9558 | }, | 9558 | }, | |||
| 9559 | 992: { | 9559 | 992: { | |||
| 9560 | items: 2, | 9560 | items: 2, | |||
| 9561 | }, | 9561 | }, | |||
| 9562 | 1200: { | 9562 | 1200: { | |||
| 9563 | items: 2, | 9563 | items: 2, | |||
| 9564 | }, | 9564 | }, | |||
| 9565 | }, | 9565 | }, | |||
| 9566 | }); | 9566 | }); | |||
| 9567 | }); | 9567 | }); | |||
| 9568 | </script> | 9568 | </script> | |||
| 9569 | </div> | 9569 | </div> | |||
| 9570 | </div> | 9570 | </div> | |||
| 9571 | </div> | 9571 | </div> | |||
| 9572 | </div> | 9572 | </div> | |||
| 9573 | </div> | 9573 | </div> | |||
| 9574 | <div class="bg-attach-fixed porto-ibanner-layer position-static mt-0 mb-0" | 9574 | <div class="bg-attach-fixed porto-ibanner-layer position-static mt-0 mb-0" | |||
| 9575 | style=" | 9575 | style=" | |||
| 9576 | padding-top: 12.5em; | 9576 | padding-top: 12.5em; | |||
| 9577 | padding-bottom: 12.5em; | 9577 | padding-bottom: 12.5em; | |||
| 9578 | background-position: center; | 9578 | background-position: center; | |||
| 9579 | background-repeat: no-repeat; | 9579 | background-repeat: no-repeat; | |||
| 9580 | background-size: cover; | 9580 | background-size: cover; | |||
| 9581 | background-attachment: fixed; | 9581 | background-attachment: fixed; | |||
| 9582 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/16/shop16_home_banner8.jpg"}}'); | 9582 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/16/shop16_home_banner8.jpg"}}'); | |||
| 9583 | "> | 9583 | "> | |||
| 9584 | <div class="container"> | 9584 | <div class="container"> | |||
| 9585 | <div class="row"> | 9585 | <div class="row"> | |||
| 9586 | <div class="mx-auto col-md-10 col-xl-7 col-lg-8"> | 9586 | <div class="mx-auto col-md-10 col-xl-7 col-lg-8"> | |||
| 9587 | <div class="wpb_wrapper vc_column-inner"> | 9587 | <div class="wpb_wrapper vc_column-inner"> | |||
| 9588 | <h2 style="font-size: 2.5em; line-height: 1.2; text-align: center; color:#fff; letter-spacing: -0.02em;" class="vc_custom_heading custom-font4 mb-2"> | 9588 | <h2 style="font-size: 2.5em; line-height: 1.2; text-align: center; color:#fff; letter-spacing: -0.02em;" class="vc_custom_heading custom-font4 mb-2"> | |||
| 9589 | Subscribe to Our Newsletter | 9589 | Subscribe to Our Newsletter | |||
| 9590 | </h2> | 9590 | </h2> | |||
| 9591 | <h5 style="font-size: 1em; color: rgb(119, 119, 119); line-height: 1.5; text-align: center; font-weight: 400;" class="vc_custom_heading mb-4"> | 9591 | <h5 style="font-size: 1em; color: rgb(119, 119, 119); line-height: 1.5; text-align: center; font-weight: 400;" class="vc_custom_heading mb-4"> | |||
| 9592 | Get all the latest information on events, sales and<br /> | 9592 | Get all the latest information on events, sales and<br /> | |||
| 9593 | offers. Sign up for newsletter: | 9593 | offers. Sign up for newsletter: | |||
| 9594 | </h5> | 9594 | </h5> | |||
| 9595 | {{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form.phtml"}} | 9595 | {{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form.phtml"}} | |||
| 9596 | <style> | 9596 | <style> | |||
| 9597 | .single-subscribe .newsletter .control { | 9597 | .single-subscribe .newsletter .control { | |||
| 9598 | justify-content: center; | 9598 | justify-content: center; | |||
| 9599 | margin-bottom: 10px; | 9599 | margin-bottom: 10px; | |||
| 9600 | } | 9600 | } | |||
| 9601 | .single-subscribe .newsletter input { | 9601 | .single-subscribe .newsletter input { | |||
| 9602 | height: 3.375rem; | 9602 | height: 3.375rem; | |||
| 9603 | padding-left: 1.5em; | 9603 | padding-left: 1.5em; | |||
| 9604 | padding-right: 15px; | 9604 | padding-right: 15px; | |||
| 9605 | border-radius: 2rem 0 0 2rem; | 9605 | border-radius: 2rem 0 0 2rem; | |||
| 9606 | font-size: .875rem; | 9606 | font-size: .875rem; | |||
| 9607 | color: #777; | 9607 | color: #777; | |||
| 9608 | border: none; | 9608 | border: none; | |||
| 9609 | margin: 0; | 9609 | margin: 0; | |||
| 9610 | } | 9610 | } | |||
| 9611 | .single-subscribe .newsletter .action { | 9611 | .single-subscribe .newsletter .action { | |||
| 9612 | display: table-cell; | 9612 | display: table-cell; | |||
| 9613 | vertical-align: top; | 9613 | vertical-align: top; | |||
| 9614 | height: 3.375rem; | 9614 | height: 3.375rem; | |||
| 9615 | padding-left: 2.5rem; | 9615 | padding-left: 2.5rem; | |||
| 9616 | padding-right: 2.5rem; | 9616 | padding-right: 2.5rem; | |||
| 9617 | text-transform: uppercase; | 9617 | text-transform: uppercase; | |||
| 9618 | font-weight: 700; | 9618 | font-weight: 700; | |||
| 9619 | font-size: .875rem; | 9619 | font-size: .875rem; | |||
| 9620 | border-radius: 0 2rem 2rem 0; | 9620 | border-radius: 0 2rem 2rem 0; | |||
| 9621 | } | 9621 | } | |||
| 9622 | </style> | 9622 | </style> | |||
| 9623 | </div> | 9623 | </div> | |||
| 9624 | </div> | 9624 | </div> | |||
| 9625 | </div> | 9625 | </div> | |||
| 9626 | </div> | 9626 | </div> | |||
| 9627 | </div> | 9627 | </div> | |||
| 9628 | <div class="porto-ibanner-layer position-static" | 9628 | <div class="porto-ibanner-layer position-static" | |||
| 9629 | style=" | 9629 | style=" | |||
| 9630 | padding-top: 10.75em; | 9630 | padding-top: 10.75em; | |||
| 9631 | padding-bottom: 10.75em; | 9631 | padding-bottom: 10.75em; | |||
| 9632 | background-color: #dbdad6; | 9632 | background-color: #dbdad6; | |||
| 9633 | background-position: center; | 9633 | background-position: center; | |||
| 9634 | background-repeat: no-repeat; | 9634 | background-repeat: no-repeat; | |||
| 9635 | background-size: cover; | 9635 | background-size: cover; | |||
| 9636 | background-attachment: fixed; | 9636 | background-attachment: fixed; | |||
| 9637 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/16/shop16_home_banner9.jpg"}}'); | 9637 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/16/shop16_home_banner9.jpg"}}'); | |||
| 9638 | "> | 9638 | "> | |||
| 9639 | <div class="container"> | 9639 | <div class="container"> | |||
| 9640 | <div class="row"> | 9640 | <div class="row"> | |||
| 9641 | <div class="col-auto col-md-12"> | 9641 | <div class="col-auto col-md-12"> | |||
| 9642 | <div class="wpb_wrapper vc_column-inner"> | 9642 | <div class="wpb_wrapper vc_column-inner"> | |||
| 9643 | <h2 style="font-size: 2.3125em; line-height: 1;" class="vc_custom_heading mb-2 custom-font4 align-right">New Season Sunglasses</h2> | 9643 | <h2 style="font-size: 2.3125em; line-height: 1;" class="vc_custom_heading mb-2 custom-font4 align-right">New Season Sunglasses</h2> | |||
| 9644 | <h3 style="font-size: 6.36em; line-height: 1;" class="vc_custom_heading mb-3 m-r-n-xs coupon-sale-text align-left"><i>UP TO</i>50% OFF</h3> | 9644 | <h3 style="font-size: 6.36em; line-height: 1;" class="vc_custom_heading mb-3 m-r-n-xs coupon-sale-text align-left"><i>UP TO</i>50% OFF</h3> | |||
| 9645 | <div class="porto-separator mb-0"><hr class="separator-line vc_custom_1576133525399 align_left solid" style="background-color: #222529; height: 5px; width: 10%;" /></div> | 9645 | <div class="porto-separator mb-0"><hr class="separator-line vc_custom_1576133525399 align_left solid" style="background-color: #222529; height: 5px; width: 10%;" /></div> | |||
| 9646 | <h4 style="font-size: 1.125em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading mr-4 pr-1 my-3 d-inline-block align-left">STARTING AT $<strong>39</strong>99</h4> | 9646 | <h4 style="font-size: 1.125em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading mr-4 pr-1 my-3 d-inline-block align-left">STARTING AT $<strong>39</strong>99</h4> | |||
| 9647 | <div class="btn-container mb-0 d-inline-block"> | 9647 | <div class="btn-container mb-0 d-inline-block"> | |||
| 9648 | <button class="btn btn-modern btn-xl btn-light">SHOP NOW <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button> | 9648 | <button class="btn btn-modern btn-xl btn-light">SHOP NOW <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button> | |||
| 9649 | </div> | 9649 | </div> | |||
| 9650 | </div> | 9650 | </div> | |||
| 9651 | </div> | 9651 | </div> | |||
| 9652 | </div> | 9652 | </div> | |||
| 9653 | </div> | 9653 | </div> | |||
| 9654 | </div> | 9654 | </div> | |||
| 9655 | <div class="mt-0 mb-0 dark-layout" | 9655 | <div class="mt-0 mb-0 dark-layout" | |||
| 9656 | style="padding-top: 5rem; | 9656 | style="padding-top: 5rem; | |||
| 9657 | padding-bottom: 5rem; | 9657 | padding-bottom: 5rem; | |||
| 9658 | background-position: center; | 9658 | background-position: center; | |||
| 9659 | background-repeat: no-repeat; | 9659 | background-repeat: no-repeat; | |||
| 9660 | background-size: cover; | 9660 | background-size: cover; | |||
| 9661 | background-attachment: fixed; | 9661 | background-attachment: fixed; | |||
| 9662 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/16/shop16_home_banner10.jpg"}}');"> | 9662 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/16/shop16_home_banner10.jpg"}}');"> | |||
| 9663 | <div class="container"> | 9663 | <div class="container"> | |||
| 9664 | <div class="row"> | 9664 | <div class="row"> | |||
| 9665 | <div class="col-md-12"> | 9665 | <div class="col-md-12"> | |||
| 9666 | <div class="wpb_wrapper vc_column-inner"> | 9666 | <div class="wpb_wrapper vc_column-inner"> | |||
| 9667 | <h2 style="font-size: 3rem; line-height: 1.2; text-align: center;color:#fff;" class="vc_custom_heading mb-0 custom-font4">Sunglasses On Sale</h2> | 9667 | <h2 style="font-size: 3rem; line-height: 1.2; text-align: center;color:#fff;" class="vc_custom_heading mb-0 custom-font4">Sunglasses On Sale</h2> | |||
| 9668 | <h5 style="font-size: 1.375em; line-height: 1; text-align: center; letter-spacing: -0.02em;" class="vc_custom_heading mb-4 pb-3 heading-light">STARTING AT $<strong>19</strong>99</h5> | 9668 | <h5 style="font-size: 1.375em; line-height: 1; text-align: center; letter-spacing: -0.02em;" class="vc_custom_heading mb-4 pb-3 heading-light">STARTING AT $<strong>19</strong>99</h5> | |||
| 9669 | <div id="porto3-products" class="porto-products wpb_content_element mb-0"> | 9669 | <div id="porto3-products" class="porto-products wpb_content_element mb-0"> | |||
| 9670 | <div class="slider-wrapper"> | 9670 | <div class="slider-wrapper"> | |||
| 9671 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" extra_class="nav-center-images-only nav-pos-outside nav-style-2 show-nav-hover dots-style-1" product_count="6" aspect_ratio="0" image_width="400" image_height="460" template="owl_list.phtml"}} | 9671 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" extra_class="nav-center-images-only nav-pos-outside nav-style-2 show-nav-hover dots-style-1" product_count="6" aspect_ratio="0" image_width="400" image_height="460" template="owl_list.phtml"}} | |||
| 9672 | <script type="text/javascript"> | 9672 | <script type="text/javascript"> | |||
| 9673 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | 9673 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | |||
| 9674 | $("#porto3-products .owl-carousel").owlCarousel({ | 9674 | $("#porto3-products .owl-carousel").owlCarousel({ | |||
| 9675 | autoplay: false, | 9675 | autoplay: false, | |||
| 9676 | autoplayTimeout: 5000, | 9676 | autoplayTimeout: 5000, | |||
| 9677 | autoplayHoverPause: true, | 9677 | autoplayHoverPause: true, | |||
| 9678 | loop: true, | 9678 | loop: true, | |||
| 9679 | navRewind: true, | 9679 | navRewind: true, | |||
| 9680 | lazyLoad: true, | 9680 | lazyLoad: true, | |||
| 9681 | margin: 0, | 9681 | margin: 0, | |||
| 9682 | nav: true, | 9682 | nav: true, | |||
| 9683 | dots: false, | 9683 | dots: false, | |||
| 9684 | responsive: { | 9684 | responsive: { | |||
| 9685 | 0: { | 9685 | 0: { | |||
| 9686 | items: 2, | 9686 | items: 2, | |||
| 9687 | }, | 9687 | }, | |||
| 9688 | 640: { | 9688 | 640: { | |||
| 9689 | items: 2, | 9689 | items: 2, | |||
| 9690 | }, | 9690 | }, | |||
| 9691 | 768: { | 9691 | 768: { | |||
| 9692 | items: 3, | 9692 | items: 3, | |||
| 9693 | }, | 9693 | }, | |||
| 9694 | 992: { | 9694 | 992: { | |||
| 9695 | items: 4, | 9695 | items: 4, | |||
| 9696 | }, | 9696 | }, | |||
| 9697 | 1200: { | 9697 | 1200: { | |||
| 9698 | items: 4, | 9698 | items: 4, | |||
| 9699 | }, | 9699 | }, | |||
| 9700 | }, | 9700 | }, | |||
| 9701 | }); | 9701 | }); | |||
| 9702 | }); | 9702 | }); | |||
| 9703 | </script> | 9703 | </script> | |||
| 9704 | </div> | 9704 | </div> | |||
| 9705 | </div> | 9705 | </div> | |||
| 9706 | </div> | 9706 | </div> | |||
| 9707 | </div> | 9707 | </div> | |||
| 9708 | </div> | 9708 | </div> | |||
| 9709 | </div> | 9709 | </div> | |||
| 9710 | </div> | 9710 | </div> | |||
| 9711 | 9711 | |||||
| 9712 | ]]> | 9712 | ]]> | |||
| 9713 | </content> | 9713 | </content> | |||
| 9714 | 9714 | |||||
| 9715 | <is_active> | 9715 | <is_active> | |||
| 9716 | 1 | 9716 | 1 | |||
| 9717 | </is_active> | 9717 | </is_active> | |||
| 9718 | 9718 | |||||
| 9719 | <page_layout> | 9719 | <page_layout> | |||
| 9720 | 1column | 9720 | 1column | |||
| 9721 | </page_layout> | 9721 | </page_layout> | |||
| 9722 | 9722 | |||||
| 9723 | <layout_update_xml> | 9723 | <layout_update_xml> | |||
| 9724 | <![CDATA[]]> | 9724 | <![CDATA[]]> | |||
| 9725 | </layout_update_xml> | 9725 | </layout_update_xml> | |||
| 9726 | 9726 | |||||
| 9727 | </cms_item> | 9727 | </cms_item> | |||
| 9728 | 9728 | |||||
| 9729 | <cms_item> | 9729 | <cms_item> | |||
| 9730 | 9730 | |||||
| 9731 | <title> | 9731 | <title> | |||
| 9732 | Porto - Homepage 17 | 9732 | Porto - Homepage 17 | |||
| 9733 | </title> | 9733 | </title> | |||
| 9734 | 9734 | |||||
| 9735 | <identifier> | 9735 | <identifier> | |||
| 9736 | porto_home_17 | 9736 | porto_home_17 | |||
| 9737 | </identifier> | 9737 | </identifier> | |||
| 9738 | 9738 | |||||
| 9739 | <content> | 9739 | <content> | |||
| 9740 | <![CDATA[<style> | 9740 | <![CDATA[<style> | |||
| 9741 | .columns .column.main { | 9741 | .columns .column.main { | |||
| 9742 | padding-bottom: 0; | 9742 | padding-bottom: 0; | |||
| 9743 | } | 9743 | } | |||
| 9744 | .porto-ibanner-layer { | 9744 | .porto-ibanner-layer { | |||
| 9745 | position: absolute; | 9745 | position: absolute; | |||
| 9746 | z-index: 10; | 9746 | z-index: 10; | |||
| 9747 | } | 9747 | } | |||
| 9748 | .home-slider .porto-ibanner>img { | 9748 | .home-slider .porto-ibanner>img { | |||
| 9749 | width: auto; | 9749 | width: auto; | |||
| 9750 | margin: 0 auto; | 9750 | margin: 0 auto; | |||
| 9751 | } | 9751 | } | |||
| 9752 | .porto-ibanner .btn-modern.btn-xl { | 9752 | .porto-ibanner .btn-modern.btn-xl { | |||
| 9753 | font-size: 1.125em; | 9753 | font-size: 1.125em; | |||
| 9754 | } | 9754 | } | |||
| 9755 | .coupon-sale-text { | 9755 | .coupon-sale-text { | |||
| 9756 | position: relative; | 9756 | position: relative; | |||
| 9757 | padding-left: 0.265em; | 9757 | padding-left: 0.265em; | |||
| 9758 | transform: none; | 9758 | transform: none; | |||
| 9759 | letter-spacing: 0; | 9759 | letter-spacing: 0; | |||
| 9760 | } | 9760 | } | |||
| 9761 | .coupon-sale-text i { | 9761 | .coupon-sale-text i { | |||
| 9762 | font-style: normal; | 9762 | font-style: normal; | |||
| 9763 | font-size: .265em; | 9763 | font-size: .265em; | |||
| 9764 | font-weight: 500; | 9764 | font-weight: 500; | |||
| 9765 | transform: translateY(-50%) rotate( | 9765 | transform: translateY(-50%) rotate( | |||
| 9766 | -90deg | 9766 | -90deg | |||
| 9767 | ); | 9767 | ); | |||
| 9768 | position: absolute; | 9768 | position: absolute; | |||
| 9769 | top: 50%; | 9769 | top: 50%; | |||
| 9770 | left: -1em; | 9770 | left: -1em; | |||
| 9771 | } | 9771 | } | |||
| 9772 | .vc_custom_heading strong { | 9772 | .vc_custom_heading strong { | |||
| 9773 | font-size: 2em; | 9773 | font-size: 2em; | |||
| 9774 | vertical-align: text-top; | 9774 | vertical-align: text-top; | |||
| 9775 | } | 9775 | } | |||
| 9776 | .m-r-n-xs { | 9776 | .m-r-n-xs { | |||
| 9777 | margin-right: -5px!important; | 9777 | margin-right: -5px!important; | |||
| 9778 | } | 9778 | } | |||
| 9779 | </style> | 9779 | </style> | |||
| 9780 | <div class="row home-slider no-padding"> | 9780 | <div class="row home-slider no-padding"> | |||
| 9781 | <div class="col-md-12"> | 9781 | <div class="col-md-12"> | |||
| 9782 | <div class="wpb_wrapper vc_column-inner"> | 9782 | <div class="wpb_wrapper vc_column-inner"> | |||
| 9783 | <div id="banner-slider-demo-17" class="porto-carousel owl-carousel porto-standable-carousel mb-0 nav-pos-inside nav-style-4 show-nav-hover"> | 9783 | <div id="banner-slider-demo-17" class="porto-carousel owl-carousel porto-standable-carousel mb-0 nav-pos-inside nav-style-4 show-nav-hover"> | |||
| 9784 | <div class="porto-ibanner mb-0" | 9784 | <div class="porto-ibanner mb-0" | |||
| 9785 | style="background-size: cover; | 9785 | style="background-size: cover; | |||
| 9786 | background: url('{{media url="wysiwyg/smartwave/porto/homepage/17/shop17_home_slider1.jpg"}}') rgb(192, 190, 192) center no-repeat; | 9786 | background: url('{{media url="wysiwyg/smartwave/porto/homepage/17/shop17_home_slider1.jpg"}}') rgb(192, 190, 192) center no-repeat; | |||
| 9787 | min-height: 300px;"> | 9787 | min-height: 300px;"> | |||
| 9788 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/17/shop17_home_slider_empty.png"}}" /> | 9788 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/17/shop17_home_slider_empty.png"}}" /> | |||
| 9789 | <div class="porto-ibanner-desc no-padding d-flex"> | 9789 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 9790 | <div class="container"> | 9790 | <div class="container"> | |||
| 9791 | <div class="porto-ibanner-container"> | 9791 | <div class="porto-ibanner-container"> | |||
| 9792 | <div class="porto-ibanner-layer" style="left: 0%; top: 50%; transform: translateY(-50%);"> | 9792 | <div class="porto-ibanner-layer" style="left: 0%; top: 50%; transform: translateY(-50%);"> | |||
| 9793 | <h2 style="font-size: 3.125em; line-height: 1; letter-spacing: 0.1px;" class="vc_custom_heading mb-1 custom-font4 align-left">New Hot Cosmetics</h2> | 9793 | <h2 style="font-size: 3.125em; line-height: 1; letter-spacing: 0.1px;" class="vc_custom_heading mb-1 custom-font4 align-left">New Hot Cosmetics</h2> | |||
| 9794 | <h3 style="font-size: 7em; line-height: 1;" class="vc_custom_heading mb-3 m-r-n-xs coupon-sale-text align-left"><i>UP TO</i>50% OFF</h3> | 9794 | <h3 style="font-size: 7em; line-height: 1;" class="vc_custom_heading mb-3 m-r-n-xs coupon-sale-text align-left"><i>UP TO</i>50% OFF</h3> | |||
| 9795 | <div class="porto-separator mb-0"><hr class="separator-line align_left solid" style="background-color: #222529; height: 5px; width: 10%;margin-left: 2px;" /></div> | 9795 | <div class="porto-separator mb-0"><hr class="separator-line align_left solid" style="background-color: #222529; height: 5px; width: 10%;margin-left: 2px;" /></div> | |||
| 9796 | <h4 style="font-size: 1.25em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading mr-4 mr-xl-5 pr-3 my-3 d-inline-block align-left">STARTING AT $<strong>1</strong>99</h4> | 9796 | <h4 style="font-size: 1.25em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading mr-4 mr-xl-5 pr-3 my-3 d-inline-block align-left">STARTING AT $<strong>1</strong>99</h4> | |||
| 9797 | <div class="btn-container mb-0 d-inline-block"> | 9797 | <div class="btn-container mb-0 d-inline-block"> | |||
| 9798 | <button class="btn btn-modern btn-xl btn-dark">SHOP NOW <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button> | 9798 | <button class="btn btn-modern btn-xl btn-dark">SHOP NOW <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button> | |||
| 9799 | </div> | 9799 | </div> | |||
| 9800 | </div> | 9800 | </div> | |||
| 9801 | </div> | 9801 | </div> | |||
| 9802 | </div> | 9802 | </div> | |||
| 9803 | </div> | 9803 | </div> | |||
| 9804 | </div> | 9804 | </div> | |||
| 9805 | <div class="porto-ibanner mb-0" | 9805 | <div class="porto-ibanner mb-0" | |||
| 9806 | style="background-size: cover; | 9806 | style="background-size: cover; | |||
| 9807 | background: url('{{media url="wysiwyg/smartwave/porto/homepage/17/shop17_home_slider2.jpg"}}') rgb(220, 222, 220) center no-repeat; | 9807 | background: url('{{media url="wysiwyg/smartwave/porto/homepage/17/shop17_home_slider2.jpg"}}') rgb(220, 222, 220) center no-repeat; | |||
| 9808 | min-height: 300px;"> | 9808 | min-height: 300px;"> | |||
| 9809 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/17/shop17_home_slider_empty.png"}}" /> | 9809 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/17/shop17_home_slider_empty.png"}}" /> | |||
| 9810 | <div class="porto-ibanner-desc no-padding d-flex"> | 9810 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 9811 | <div class="container"> | 9811 | <div class="container"> | |||
| 9812 | <div class="porto-ibanner-container"> | 9812 | <div class="porto-ibanner-container"> | |||
| 9813 | <div class="porto-ibanner-layer" style="right: 0%; top: 50%; transform: translateY(-50%);"> | 9813 | <div class="porto-ibanner-layer" style="right: 0%; top: 50%; transform: translateY(-50%);"> | |||
| 9814 | <h2 style="font-size: 3.6em; line-height: 1; letter-spacing: 0.1px;" class="vc_custom_heading mb-1 custom-font4 align-left">Deals are Here!</h2> | 9814 | <h2 style="font-size: 3.6em; line-height: 1; letter-spacing: 0.1px;" class="vc_custom_heading mb-1 custom-font4 align-left">Deals are Here!</h2> | |||
| 9815 | <h3 style="font-size: 6.45em; line-height: 1;" class="vc_custom_heading mb-3 m-r-n-xs coupon-sale-text align-left"><i>UP TO</i>50% OFF</h3> | 9815 | <h3 style="font-size: 6.45em; line-height: 1;" class="vc_custom_heading mb-3 m-r-n-xs coupon-sale-text align-left"><i>UP TO</i>50% OFF</h3> | |||
| 9816 | <div class="porto-separator mb-0"><hr class="separator-line align_left solid" style="background-color: #222529; height: 5px; width: 10%;margin-left: 2px;" /></div> | 9816 | <div class="porto-separator mb-0"><hr class="separator-line align_left solid" style="background-color: #222529; height: 5px; width: 10%;margin-left: 2px;" /></div> | |||
| 9817 | <h4 style="font-size: 1.125em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading mr-4 mr-xl-5 pr-1 my-3 d-inline-block align-left">STARTING AT $<strong>1</strong>99</h4> | 9817 | <h4 style="font-size: 1.125em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading mr-4 mr-xl-5 pr-1 my-3 d-inline-block align-left">STARTING AT $<strong>1</strong>99</h4> | |||
| 9818 | <div class="btn-container mb-0 d-inline-block"> | 9818 | <div class="btn-container mb-0 d-inline-block"> | |||
| 9819 | <button class="btn btn-modern btn-xl btn-dark">SHOP NOW <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button> | 9819 | <button class="btn btn-modern btn-xl btn-dark">SHOP NOW <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button> | |||
| 9820 | </div> | 9820 | </div> | |||
| 9821 | </div> | 9821 | </div> | |||
| 9822 | </div> | 9822 | </div> | |||
| 9823 | </div> | 9823 | </div> | |||
| 9824 | </div> | 9824 | </div> | |||
| 9825 | </div> | 9825 | </div> | |||
| 9826 | </div> | 9826 | </div> | |||
| 9827 | <script type="text/javascript"> | 9827 | <script type="text/javascript"> | |||
| 9828 | require([ | 9828 | require([ | |||
| 9829 | 'jquery', | 9829 | 'jquery', | |||
| 9830 | 'owl.carousel/owl.carousel.min' | 9830 | 'owl.carousel/owl.carousel.min' | |||
| 9831 | ], function ($) { | 9831 | ], function ($) { | |||
| 9832 | $("#banner-slider-demo-17").owlCarousel({ | 9832 | $("#banner-slider-demo-17").owlCarousel({ | |||
| 9833 | items: 1, | 9833 | items: 1, | |||
| 9834 | autoplay: false, | 9834 | autoplay: false, | |||
| 9835 | autoplayTimeout: 5000, | 9835 | autoplayTimeout: 5000, | |||
| 9836 | autoplayHoverPause: true, | 9836 | autoplayHoverPause: true, | |||
| 9837 | dots: false, | 9837 | dots: false, | |||
| 9838 | navRewind: true, | 9838 | navRewind: true, | |||
| 9839 | animateIn: 'fadeIn', | 9839 | animateIn: 'fadeIn', | |||
| 9840 | animateOut: 'fadeOut', | 9840 | animateOut: 'fadeOut', | |||
| 9841 | loop: true, | 9841 | loop: true, | |||
| 9842 | nav: true | 9842 | nav: true | |||
| 9843 | }); | 9843 | }); | |||
| 9844 | }); | 9844 | }); | |||
| 9845 | </script> | 9845 | </script> | |||
| 9846 | </div> | 9846 | </div> | |||
| 9847 | </div> | 9847 | </div> | |||
| 9848 | </div> | 9848 | </div> | |||
| 9849 | <div class="porto-inner-container" style="padding-top: 40px;padding-bottom: 40px;"> | 9849 | <div class="porto-inner-container" style="padding-top: 40px;padding-bottom: 40px;"> | |||
| 9850 | <div class="porto-wrap-container container"> | 9850 | <div class="porto-wrap-container container"> | |||
| 9851 | <div class="row"> | 9851 | <div class="row"> | |||
| 9852 | <div class="vc_column_container col-md-12"> | 9852 | <div class="vc_column_container col-md-12"> | |||
| 9853 | <div class="wpb_wrapper vc_column-inner"> | 9853 | <div class="wpb_wrapper vc_column-inner"> | |||
| 9854 | <div class="porto-products wpb_content_element mb-0"> | 9854 | <div class="porto-products wpb_content_element mb-0"> | |||
| 9855 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_type="6" product_count="6" column_count="3" aspect_ratio="0" image_width="400" image_height="320" template="grid.phtml"}} | 9855 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_type="6" product_count="6" column_count="3" aspect_ratio="0" image_width="400" image_height="320" template="grid.phtml"}} | |||
| 9856 | </div> | 9856 | </div> | |||
| 9857 | </div> | 9857 | </div> | |||
| 9858 | </div> | 9858 | </div> | |||
| 9859 | </div> | 9859 | </div> | |||
| 9860 | </div> | 9860 | </div> | |||
| 9861 | </div> | 9861 | </div> | |||
| 9862 | <div class="brand-section porto-inner-container"> | 9862 | <div class="brand-section porto-inner-container"> | |||
| 9863 | <style> | 9863 | <style> | |||
| 9864 | .brand-section .porto-ultimate-content-box { | 9864 | .brand-section .porto-ultimate-content-box { | |||
| 9865 | display: inline-block; | 9865 | display: inline-block; | |||
| 9866 | font-size: inherit; | 9866 | font-size: inherit; | |||
| 9867 | } | 9867 | } | |||
| 9868 | .brand-section .porto-ultimate-content-box-container { | 9868 | .brand-section .porto-ultimate-content-box-container { | |||
| 9869 | border: 1.45em solid #c0c0c2; | 9869 | border: 1.45em solid #c0c0c2; | |||
| 9870 | padding: 2.25em .75em 3.75em; | 9870 | padding: 2.25em .75em 3.75em; | |||
| 9871 | text-align: center; | 9871 | text-align: center; | |||
| 9872 | } | 9872 | } | |||
| 9873 | .porto-ultimate-content-box .btn-container { | 9873 | .porto-ultimate-content-box .btn-container { | |||
| 9874 | font-size: inherit; | 9874 | font-size: inherit; | |||
| 9875 | } | 9875 | } | |||
| 9876 | .brand-section img { | 9876 | .brand-section img { | |||
| 9877 | filter: brightness(10); | 9877 | filter: brightness(10); | |||
| 9878 | } | 9878 | } | |||
| 9879 | .wpb_single_image img { | 9879 | .wpb_single_image img { | |||
| 9880 | height: auto; | 9880 | height: auto; | |||
| 9881 | max-width: 100%; | 9881 | max-width: 100%; | |||
| 9882 | vertical-align: top; | 9882 | vertical-align: top; | |||
| 9883 | } | 9883 | } | |||
| 9884 | </style> | 9884 | </style> | |||
| 9885 | <div class="container"> | 9885 | <div class="container"> | |||
| 9886 | <div class="row"> | 9886 | <div class="row"> | |||
| 9887 | <div class="col-md-4"> | 9887 | <div class="col-md-4"> | |||
| 9888 | <div class="wpb_wrapper vc_column-inner"> | 9888 | <div class="wpb_wrapper vc_column-inner"> | |||
| 9889 | <div class="porto-ultimate-content-box-container background-color-dark m-b-md porto-ibanner-layer position-static text-center"> | 9889 | <div class="porto-ultimate-content-box-container background-color-dark m-b-md porto-ibanner-layer position-static text-center"> | |||
| 9890 | <div class="porto-ultimate-content-box" style=""> | 9890 | <div class="porto-ultimate-content-box" style=""> | |||
| 9891 | <div class="wpb_single_image wpb_content_element vc_align_center mb-5"> | 9891 | <div class="wpb_single_image wpb_content_element vc_align_center mb-5"> | |||
| 9892 | <div class="wpb_wrapper"> | 9892 | <div class="wpb_wrapper"> | |||
| 9893 | <div class="vc_single_image-wrapper vc_box_border_grey"> | 9893 | <div class="vc_single_image-wrapper vc_box_border_grey"> | |||
| 9894 | <img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand5.png"}}" /> | 9894 | <img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand5.png"}}" /> | |||
| 9895 | </div> | 9895 | </div> | |||
| 9896 | </div> | 9896 | </div> | |||
| 9897 | </div> | 9897 | </div> | |||
| 9898 | <h3 style="font-size: 3.85em; line-height: 1;" class="vc_custom_heading mb-2 m-r-n-xs coupon-sale-text align-left heading-light"><i>UP TO</i>50% OFF</h3> | 9898 | <h3 style="font-size: 3.85em; line-height: 1;" class="vc_custom_heading mb-2 m-r-n-xs coupon-sale-text align-left heading-light"><i>UP TO</i>50% OFF</h3> | |||
| 9899 | <div class="porto-separator mb-0"><hr class="separator-line align_left solid" style="background-color: #ffffff; height: 3px; width: 10%;margin-left: 2px;" /></div> | 9899 | <div class="porto-separator mb-0"><hr class="separator-line align_left solid" style="background-color: #ffffff; height: 3px; width: 10%;margin-left: 2px;" /></div> | |||
| 9900 | <h4 style="font-size: 0.7em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading mr-4 pr-xl-3 my-2 d-inline-block align-left heading-light">STARTING AT $<strong>3</strong>99</h4> | 9900 | <h4 style="font-size: 0.7em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading mr-4 pr-xl-3 my-2 d-inline-block align-left heading-light">STARTING AT $<strong>3</strong>99</h4> | |||
| 9901 | <div class="btn-container mb-0 d-inline-block"> | 9901 | <div class="btn-container mb-0 d-inline-block"> | |||
| 9902 | <button class="btn btn-modern btn-sm btn-light">SHOP NOW <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button> | 9902 | <button class="btn btn-modern btn-sm btn-light">SHOP NOW <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button> | |||
| 9903 | </div> | 9903 | </div> | |||
| 9904 | </div> | 9904 | </div> | |||
| 9905 | </div> | 9905 | </div> | |||
| 9906 | </div> | 9906 | </div> | |||
| 9907 | </div> | 9907 | </div> | |||
| 9908 | <div class="col-md-4"> | 9908 | <div class="col-md-4"> | |||
| 9909 | <div class="wpb_wrapper vc_column-inner"> | 9909 | <div class="wpb_wrapper vc_column-inner"> | |||
| 9910 | <div class="porto-ultimate-content-box-container background-color-dark m-b-md porto-ibanner-layer position-static text-center"> | 9910 | <div class="porto-ultimate-content-box-container background-color-dark m-b-md porto-ibanner-layer position-static text-center"> | |||
| 9911 | <div class="porto-ultimate-content-box" style=""> | 9911 | <div class="porto-ultimate-content-box" style=""> | |||
| 9912 | <div class="wpb_single_image wpb_content_element vc_align_center mb-5"> | 9912 | <div class="wpb_single_image wpb_content_element vc_align_center mb-5"> | |||
| 9913 | <div class="wpb_wrapper"> | 9913 | <div class="wpb_wrapper"> | |||
| 9914 | <div class="vc_single_image-wrapper vc_box_border_grey"> | 9914 | <div class="vc_single_image-wrapper vc_box_border_grey"> | |||
| 9915 | <img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand6.png"}}" /> | 9915 | <img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand6.png"}}" /> | |||
| 9916 | </div> | 9916 | </div> | |||
| 9917 | </div> | 9917 | </div> | |||
| 9918 | </div> | 9918 | </div> | |||
| 9919 | <h3 style="font-size: 3.85em; line-height: 1;" class="vc_custom_heading mb-2 m-r-n-xs coupon-sale-text align-left heading-light"><i>UP TO</i>60% OFF</h3> | 9919 | <h3 style="font-size: 3.85em; line-height: 1;" class="vc_custom_heading mb-2 m-r-n-xs coupon-sale-text align-left heading-light"><i>UP TO</i>60% OFF</h3> | |||
| 9920 | <div class="porto-separator mb-0"><hr class="separator-line align_left solid" style="background-color: #ffffff; height: 3px; width: 10%;margin-left: 2px;" /></div> | 9920 | <div class="porto-separator mb-0"><hr class="separator-line align_left solid" style="background-color: #ffffff; height: 3px; width: 10%;margin-left: 2px;" /></div> | |||
| 9921 | <h4 style="font-size: 0.7em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading mr-4 pr-xl-3 my-2 d-inline-block align-left heading-light">STARTING AT $<strong>4</strong>99</h4> | 9921 | <h4 style="font-size: 0.7em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading mr-4 pr-xl-3 my-2 d-inline-block align-left heading-light">STARTING AT $<strong>4</strong>99</h4> | |||
| 9922 | <div class="btn-container mb-0 d-inline-block"> | 9922 | <div class="btn-container mb-0 d-inline-block"> | |||
| 9923 | <button class="btn btn-modern btn-sm btn-light">SHOP NOW <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button> | 9923 | <button class="btn btn-modern btn-sm btn-light">SHOP NOW <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button> | |||
| 9924 | </div> | 9924 | </div> | |||
| 9925 | </div> | 9925 | </div> | |||
| 9926 | </div> | 9926 | </div> | |||
| 9927 | </div> | 9927 | </div> | |||
| 9928 | </div> | 9928 | </div> | |||
| 9929 | <div class="col-md-4"> | 9929 | <div class="col-md-4"> | |||
| 9930 | <div class="wpb_wrapper vc_column-inner"> | 9930 | <div class="wpb_wrapper vc_column-inner"> | |||
| 9931 | <div class="porto-ultimate-content-box-container background-color-dark m-b-md porto-ibanner-layer position-static text-center"> | 9931 | <div class="porto-ultimate-content-box-container background-color-dark m-b-md porto-ibanner-layer position-static text-center"> | |||
| 9932 | <div class="porto-ultimate-content-box" style=""> | 9932 | <div class="porto-ultimate-content-box" style=""> | |||
| 9933 | <div class="wpb_single_image wpb_content_element vc_align_center mb-5"> | 9933 | <div class="wpb_single_image wpb_content_element vc_align_center mb-5"> | |||
| 9934 | <div class="wpb_wrapper"> | 9934 | <div class="wpb_wrapper"> | |||
| 9935 | <div class="vc_single_image-wrapper vc_box_border_grey"> | 9935 | <div class="vc_single_image-wrapper vc_box_border_grey"> | |||
| 9936 | <img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand1.png"}}" /> | 9936 | <img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand1.png"}}" /> | |||
| 9937 | </div> | 9937 | </div> | |||
| 9938 | </div> | 9938 | </div> | |||
| 9939 | </div> | 9939 | </div> | |||
| 9940 | <h3 style="font-size: 3.85em; line-height: 1;" class="vc_custom_heading mb-2 m-r-n-xs coupon-sale-text align-left heading-light"><i>UP TO</i>70% OFF</h3> | 9940 | <h3 style="font-size: 3.85em; line-height: 1;" class="vc_custom_heading mb-2 m-r-n-xs coupon-sale-text align-left heading-light"><i>UP TO</i>70% OFF</h3> | |||
| 9941 | <div class="porto-separator mb-0"><hr class="separator-line align_left solid" style="background-color: #ffffff; height: 3px; width: 10%;margin-left: 2px;" /></div> | 9941 | <div class="porto-separator mb-0"><hr class="separator-line align_left solid" style="background-color: #ffffff; height: 3px; width: 10%;margin-left: 2px;" /></div> | |||
| 9942 | <h4 style="font-size: 0.7em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading mr-4 pr-xl-3 my-2 d-inline-block align-left heading-light">STARTING AT $<strong>5</strong>99</h4> | 9942 | <h4 style="font-size: 0.7em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading mr-4 pr-xl-3 my-2 d-inline-block align-left heading-light">STARTING AT $<strong>5</strong>99</h4> | |||
| 9943 | <div class="btn-container mb-0 d-inline-block"> | 9943 | <div class="btn-container mb-0 d-inline-block"> | |||
| 9944 | <button class="btn btn-modern btn-sm btn-light">SHOP NOW <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button> | 9944 | <button class="btn btn-modern btn-sm btn-light">SHOP NOW <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button> | |||
| 9945 | </div> | 9945 | </div> | |||
| 9946 | </div> | 9946 | </div> | |||
| 9947 | </div> | 9947 | </div> | |||
| 9948 | </div> | 9948 | </div> | |||
| 9949 | </div> | 9949 | </div> | |||
| 9950 | <div class="vc_column_container col-md-12"> | 9950 | <div class="vc_column_container col-md-12"> | |||
| 9951 | <div class="wpb_wrapper vc_column-inner"> | 9951 | <div class="wpb_wrapper vc_column-inner"> | |||
| 9952 | <div class="row background-color-dark pt-3 align-items-center" style="margin-top: 20px;margin-right: 0px;margin-bottom: 40px;margin-left: 0px;padding-right: 1rem;padding-left: 1rem;"> | 9952 | <div class="row background-color-dark pt-3 align-items-center" style="margin-top: 20px;margin-right: 0px;margin-bottom: 40px;margin-left: 0px;padding-right: 1rem;padding-left: 1rem;"> | |||
| 9953 | <div class="col-md-6"> | 9953 | <div class="col-md-6"> | |||
| 9954 | <div class="wpb_wrapper vc_column-inner"> | 9954 | <div class="wpb_wrapper vc_column-inner"> | |||
| 9955 | <div class="porto-sicon-box mb-3 style_1 default-icon"> | 9955 | <div class="porto-sicon-box mb-3 style_1 default-icon"> | |||
| 9956 | <div class="porto-sicon-default"> | 9956 | <div class="porto-sicon-default"> | |||
| 9957 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 9957 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 9958 | <div class="porto-icon none" style="color: #ffffff; font-size: 45px; display: inline-block;"><i class="far fa-envelope"></i></div> | 9958 | <div class="porto-icon none" style="color: #ffffff; font-size: 45px; display: inline-block;"><i class="far fa-envelope"></i></div> | |||
| 9959 | </div> | 9959 | </div> | |||
| 9960 | </div> | 9960 | </div> | |||
| 9961 | <div class="porto-sicon-header"> | 9961 | <div class="porto-sicon-header"> | |||
| 9962 | <h3 class="porto-sicon-title" style="font-weight: 600; font-size: 1.125rem; line-height: 1; letter-spacing: -0.01em; color: #ffffff;">Get Special Offers and Savings</h3> | 9962 | <h3 class="porto-sicon-title" style="font-weight: 600; font-size: 1.125rem; line-height: 1; letter-spacing: -0.01em; color: #ffffff;">Get Special Offers and Savings</h3> | |||
| 9963 | <p style="font-size: 0.8125rem; line-height: 1.2; letter-spacing: 0.005em;">Get all the latest information on Events, Sales and Offers.</p> | 9963 | <p style="font-size: 0.8125rem; line-height: 1.2; letter-spacing: 0.005em;">Get all the latest information on Events, Sales and Offers.</p> | |||
| 9964 | </div> | 9964 | </div> | |||
| 9965 | </div> | 9965 | </div> | |||
| 9966 | </div> | 9966 | </div> | |||
| 9967 | </div> | 9967 | </div> | |||
| 9968 | <div class="pb-3 col-md-6"> | 9968 | <div class="pb-3 col-md-6"> | |||
| 9969 | <div class="wpb_wrapper vc_column-inner"> | 9969 | <div class="wpb_wrapper vc_column-inner"> | |||
| 9970 | {{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form.phtml"}} | 9970 | {{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form.phtml"}} | |||
| 9971 | <style> | 9971 | <style> | |||
| 9972 | .single-subscribe .newsletter .control { | 9972 | .single-subscribe .newsletter .control { | |||
| 9973 | justify-content: center; | 9973 | justify-content: center; | |||
| 9974 | } | 9974 | } | |||
| 9975 | .single-subscribe .newsletter .input-text {flex:1;} | 9975 | .single-subscribe .newsletter .input-text {flex:1;} | |||
| 9976 | .single-subscribe .newsletter input { | 9976 | .single-subscribe .newsletter input { | |||
| 9977 | height: 3rem; | 9977 | height: 3rem; | |||
| 9978 | padding-left: 1.5em; | 9978 | padding-left: 1.5em; | |||
| 9979 | padding-right: 15px; | 9979 | padding-right: 15px; | |||
| 9980 | border-radius: 2rem 0 0 2rem; | 9980 | border-radius: 2rem 0 0 2rem; | |||
| 9981 | font-size: .75rem; | 9981 | font-size: .75rem; | |||
| 9982 | color: #777; | 9982 | color: #777; | |||
| 9983 | border: none; | 9983 | border: none; | |||
| 9984 | margin: 0; | 9984 | margin: 0; | |||
| 9985 | } | 9985 | } | |||
| 9986 | .single-subscribe .newsletter .action { | 9986 | .single-subscribe .newsletter .action { | |||
| 9987 | display: table-cell; | 9987 | display: table-cell; | |||
| 9988 | vertical-align: top; | 9988 | vertical-align: top; | |||
| 9989 | height: 3rem; | 9989 | height: 3rem; | |||
| 9990 | padding-left: 2.5rem; | 9990 | padding-left: 2.5rem; | |||
| 9991 | padding-right: 2.5rem; | 9991 | padding-right: 2.5rem; | |||
| 9992 | text-transform: uppercase; | 9992 | text-transform: uppercase; | |||
| 9993 | font-weight: 700; | 9993 | font-weight: 700; | |||
| 9994 | font-size: .875rem; | 9994 | font-size: .875rem; | |||
| 9995 | border-radius: 0 2rem 2rem 0; | 9995 | border-radius: 0 2rem 2rem 0; | |||
| 9996 | background: #e7e7e7; | 9996 | background: #e7e7e7; | |||
| 9997 | border-color: #e7e7e7; | 9997 | border-color: #e7e7e7; | |||
| 9998 | color: #333; | 9998 | color: #333; | |||
| 9999 | } | 9999 | } | |||
| 10000 | </style> | 10000 | </style> | |||
| 10001 | </div> | 10001 | </div> | |||
| 10002 | </div> | 10002 | </div> | |||
| 10003 | </div> | 10003 | </div> | |||
| 10004 | </div> | 10004 | </div> | |||
| 10005 | </div> | 10005 | </div> | |||
| 10006 | </div> | 10006 | </div> | |||
| 10007 | </div> | 10007 | </div> | |||
| 10008 | </div> | 10008 | </div> | |||
| 10009 | <div class="porto-inner-container" style="padding-top: 40px; padding-bottom: 40px; background-color: #e6e5e6;"> | 10009 | <div class="porto-inner-container" style="padding-top: 40px; padding-bottom: 40px; background-color: #e6e5e6;"> | |||
| 10010 | <div class="container"> | 10010 | <div class="container"> | |||
| 10011 | <div class="row"> | 10011 | <div class="row"> | |||
| 10012 | <div class=" col-md-12"> | 10012 | <div class=" col-md-12"> | |||
| 10013 | <div class="wpb_wrapper vc_column-inner"> | 10013 | <div class="wpb_wrapper vc_column-inner"> | |||
| 10014 | <div class="porto-products wpb_content_element mb-0 background-color-light"> | 10014 | <div class="porto-products wpb_content_element mb-0 background-color-light"> | |||
| 10015 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_type="6" product_count="8" column_count="4" aspect_ratio="0" image_width="400" image_height="320" template="grid.phtml"}} | 10015 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_type="6" product_count="8" column_count="4" aspect_ratio="0" image_width="400" image_height="320" template="grid.phtml"}} | |||
| 10016 | </div> | 10016 | </div> | |||
| 10017 | </div> | 10017 | </div> | |||
| 10018 | </div> | 10018 | </div> | |||
| 10019 | </div> | 10019 | </div> | |||
| 10020 | </div> | 10020 | </div> | |||
| 10021 | </div> | 10021 | </div> | |||
| 10022 | <div class="position-relative mt-0 porto-inner-container" style="padding-top: 40px; padding-bottom: 40px;"> | 10022 | <div class="position-relative mt-0 porto-inner-container" style="padding-top: 40px; padding-bottom: 40px;"> | |||
| 10023 | <style> | 10023 | <style> | |||
| 10024 | .section-product-categories ul.products li.product-col h3 { | 10024 | .section-product-categories ul.products li.product-col h3 { | |||
| 10025 | font-family: Poppins; | 10025 | font-family: Poppins; | |||
| 10026 | font-size: 1rem; | 10026 | font-size: 1rem; | |||
| 10027 | } | 10027 | } | |||
| 10028 | ul.products li.product-category { | 10028 | ul.products li.product-category { | |||
| 10029 | text-align: center; | 10029 | text-align: center; | |||
| 10030 | } | 10030 | } | |||
| 10031 | .section-product-categories ul.products li.product-category .thumb-info { | 10031 | .section-product-categories ul.products li.product-category .thumb-info { | |||
| 10032 | min-height: none; | 10032 | min-height: none; | |||
| 10033 | background: #222529; | 10033 | background: #222529; | |||
| 10034 | min-height: 50px; | 10034 | min-height: 50px; | |||
| 10035 | } | 10035 | } | |||
| 10036 | ul.products.category-pos-middle li.product-category .thumb-info-title { | 10036 | ul.products.category-pos-middle li.product-category .thumb-info-title { | |||
| 10037 | position: absolute; | 10037 | position: absolute; | |||
| 10038 | bottom: auto; | 10038 | bottom: auto; | |||
| 10039 | top: 50%; | 10039 | top: 50%; | |||
| 10040 | transform: translateY(-50%); | 10040 | transform: translateY(-50%); | |||
| 10041 | } | 10041 | } | |||
| 10042 | ul.products li.product-category .thumb-info h3 { | 10042 | ul.products li.product-category .thumb-info h3 { | |||
| 10043 | font-weight: 700; | 10043 | font-weight: 700; | |||
| 10044 | margin: 0 0 10px; | 10044 | margin: 0 0 10px; | |||
| 10045 | color: inherit; | 10045 | color: inherit; | |||
| 10046 | letter-spacing: -.005em; | 10046 | letter-spacing: -.005em; | |||
| 10047 | text-transform: uppercase; | 10047 | text-transform: uppercase; | |||
| 10048 | } | 10048 | } | |||
| 10049 | .section-product-categories ul.products li.product-col h3 { | 10049 | .section-product-categories ul.products li.product-col h3 { | |||
| 10050 | font-family: Poppins; | 10050 | font-family: Poppins; | |||
| 10051 | font-size: 1rem; | 10051 | font-size: 1rem; | |||
| 10052 | } | 10052 | } | |||
| 10053 | ul.products:not(.owl-carousel) { | 10053 | ul.products:not(.owl-carousel) { | |||
| 10054 | display: flex; | 10054 | display: flex; | |||
| 10055 | flex-wrap: wrap; | 10055 | flex-wrap: wrap; | |||
| 10056 | margin-left: -10px; | 10056 | margin-left: -10px; | |||
| 10057 | margin-right: -10px; | 10057 | margin-right: -10px; | |||
| 10058 | } | 10058 | } | |||
| 10059 | ul.pcols-lg-3 li.product-col { | 10059 | ul.pcols-lg-3 li.product-col { | |||
| 10060 | max-width: 33.3333%; | 10060 | max-width: 33.3333%; | |||
| 10061 | flex: 0 0 33.3333%; | 10061 | flex: 0 0 33.3333%; | |||
| 10062 | } | 10062 | } | |||
| 10063 | ul.products li.product-col { | 10063 | ul.products li.product-col { | |||
| 10064 | margin-bottom: 1.4286em; | 10064 | margin-bottom: 1.4286em; | |||
| 10065 | position: relative; | 10065 | position: relative; | |||
| 10066 | flex: 0 0 100%; | 10066 | flex: 0 0 100%; | |||
| 10067 | width: 100%; | 10067 | width: 100%; | |||
| 10068 | } | 10068 | } | |||
| 10069 | .brands-slider .item .img-single { | 10069 | .brands-slider .item .img-single { | |||
| 10070 | display: block; | 10070 | display: block; | |||
| 10071 | padding: 2.25rem .5rem; | 10071 | padding: 2.25rem .5rem; | |||
| 10072 | background: #f4f4f4; | 10072 | background: #f4f4f4; | |||
| 10073 | text-align: center; | 10073 | text-align: center; | |||
| 10074 | } | 10074 | } | |||
| 10075 | .brands-slider .item .img-single img { | 10075 | .brands-slider .item .img-single img { | |||
| 10076 | display: inline-block; | 10076 | display: inline-block; | |||
| 10077 | width: auto; | 10077 | width: auto; | |||
| 10078 | } | 10078 | } | |||
| 10079 | .owl-carousel .owl-nav .disabled { | 10079 | .owl-carousel .owl-nav .disabled { | |||
| 10080 | opacity: 0.5; | 10080 | opacity: 0.5; | |||
| 10081 | } | 10081 | } | |||
| 10082 | </style> | 10082 | </style> | |||
| 10083 | <div class="container"> | 10083 | <div class="container"> | |||
| 10084 | <div class="row"> | 10084 | <div class="row"> | |||
| 10085 | <div class="col-md-12"> | 10085 | <div class="col-md-12"> | |||
| 10086 | <div class="wpb_wrapper vc_column-inner"> | 10086 | <div class="wpb_wrapper vc_column-inner"> | |||
| 10087 | <h2 style="font-size: 1.375rem; line-height: 1.2; text-align: center; letter-spacing: -0.02em;" class="vc_custom_heading mb-4">Shop By Category</h2> | 10087 | <h2 style="font-size: 1.375rem; line-height: 1.2; text-align: center; letter-spacing: -0.02em;" class="vc_custom_heading mb-4">Shop By Category</h2> | |||
| 10088 | <div class="porto-products wpb_content_element section-product-categories m-b-md hide-count"> | 10088 | <div class="porto-products wpb_content_element section-product-categories m-b-md hide-count"> | |||
| 10089 | <ul class="products products-container grid category-pos-middle category-text-center show-nav-middle pcols-lg-3"> | 10089 | <ul class="products products-container grid category-pos-middle category-text-center show-nav-middle pcols-lg-3"> | |||
| 10090 | <li class="product-category product-col"> | 10090 | <li class="product-category product-col"> | |||
| 10091 | <a href="#"> | 10091 | <a href="#"> | |||
| 10092 | <span class="thumb-info align-center"> | 10092 | <span class="thumb-info align-center"> | |||
| 10093 | <span class="thumb-info-wrap"> | 10093 | <span class="thumb-info-wrap"> | |||
| 10094 | <span class="thumb-info-title"> | 10094 | <span class="thumb-info-title"> | |||
| 10095 | <h3 class="sub-title thumb-info-inner">Apply</h3> | 10095 | <h3 class="sub-title thumb-info-inner">Apply</h3> | |||
| 10096 | <span class="thumb-info-type"> <mark class="count">6</mark> Products </span> | 10096 | <span class="thumb-info-type"> <mark class="count">6</mark> Products </span> | |||
| 10097 | </span> | 10097 | </span> | |||
| 10098 | </span> | 10098 | </span> | |||
| 10099 | </span> | 10099 | </span> | |||
| 10100 | </a> | 10100 | </a> | |||
| 10101 | </li> | 10101 | </li> | |||
| 10102 | <li class="product-category product-col"> | 10102 | <li class="product-category product-col"> | |||
| 10103 | <a href="#"> | 10103 | <a href="#"> | |||
| 10104 | <span class="thumb-info align-center"> | 10104 | <span class="thumb-info align-center"> | |||
| 10105 | <span class="thumb-info-wrap"> | 10105 | <span class="thumb-info-wrap"> | |||
| 10106 | <span class="thumb-info-title"> | 10106 | <span class="thumb-info-title"> | |||
| 10107 | <h3 class="sub-title thumb-info-inner">Brushes</h3> | 10107 | <h3 class="sub-title thumb-info-inner">Brushes</h3> | |||
| 10108 | <span class="thumb-info-type"> <mark class="count">12</mark> Products </span> | 10108 | <span class="thumb-info-type"> <mark class="count">12</mark> Products </span> | |||
| 10109 | </span> | 10109 | </span> | |||
| 10110 | </span> | 10110 | </span> | |||
| 10111 | </span> | 10111 | </span> | |||
| 10112 | </a> | 10112 | </a> | |||
| 10113 | </li> | 10113 | </li> | |||
| 10114 | <li class="product-category product-col"> | 10114 | <li class="product-category product-col"> | |||
| 10115 | <a href="#"> | 10115 | <a href="#"> | |||
| 10116 | <span class="thumb-info align-center"> | 10116 | <span class="thumb-info align-center"> | |||
| 10117 | <span class="thumb-info-wrap"> | 10117 | <span class="thumb-info-wrap"> | |||
| 10118 | <span class="thumb-info-title"> | 10118 | <span class="thumb-info-title"> | |||
| 10119 | <h3 class="sub-title thumb-info-inner">Cheek</h3> | 10119 | <h3 class="sub-title thumb-info-inner">Cheek</h3> | |||
| 10120 | <span class="thumb-info-type"> <mark class="count">4</mark> Products </span> | 10120 | <span class="thumb-info-type"> <mark class="count">4</mark> Products </span> | |||
| 10121 | </span> | 10121 | </span> | |||
| 10122 | </span> | 10122 | </span> | |||
| 10123 | </span> | 10123 | </span> | |||
| 10124 | </a> | 10124 | </a> | |||
| 10125 | </li> | 10125 | </li> | |||
| 10126 | <li class="product-category product-col"> | 10126 | <li class="product-category product-col"> | |||
| 10127 | <a href="#"> | 10127 | <a href="#"> | |||
| 10128 | <span class="thumb-info align-center"> | 10128 | <span class="thumb-info align-center"> | |||
| 10129 | <span class="thumb-info-wrap"> | 10129 | <span class="thumb-info-wrap"> | |||
| 10130 | <span class="thumb-info-title"> | 10130 | <span class="thumb-info-title"> | |||
| 10131 | <h3 class="sub-title thumb-info-inner">Eyebrow</h3> | 10131 | <h3 class="sub-title thumb-info-inner">Eyebrow</h3> | |||
| 10132 | <span class="thumb-info-type"> <mark class="count">2</mark> Products </span> | 10132 | <span class="thumb-info-type"> <mark class="count">2</mark> Products </span> | |||
| 10133 | </span> | 10133 | </span> | |||
| 10134 | </span> | 10134 | </span> | |||
| 10135 | </span> | 10135 | </span> | |||
| 10136 | </a> | 10136 | </a> | |||
| 10137 | </li> | 10137 | </li> | |||
| 10138 | <li class="product-category product-col"> | 10138 | <li class="product-category product-col"> | |||
| 10139 | <a href="#"> | 10139 | <a href="#"> | |||
| 10140 | <span class="thumb-info align-center"> | 10140 | <span class="thumb-info align-center"> | |||
| 10141 | <span class="thumb-info-wrap"> | 10141 | <span class="thumb-info-wrap"> | |||
| 10142 | <span class="thumb-info-title"> | 10142 | <span class="thumb-info-title"> | |||
| 10143 | <h3 class="sub-title thumb-info-inner">Eyes</h3> | 10143 | <h3 class="sub-title thumb-info-inner">Eyes</h3> | |||
| 10144 | <span class="thumb-info-type"> <mark class="count">7</mark> Products </span> | 10144 | <span class="thumb-info-type"> <mark class="count">7</mark> Products </span> | |||
| 10145 | </span> | 10145 | </span> | |||
| 10146 | </span> | 10146 | </span> | |||
| 10147 | </span> | 10147 | </span> | |||
| 10148 | </a> | 10148 | </a> | |||
| 10149 | </li> | 10149 | </li> | |||
| 10150 | <li class="product-category product-col"> | 10150 | <li class="product-category product-col"> | |||
| 10151 | <a href="#"> | 10151 | <a href="#"> | |||
| 10152 | <span class="thumb-info align-center"> | 10152 | <span class="thumb-info align-center"> | |||
| 10153 | <span class="thumb-info-wrap"> | 10153 | <span class="thumb-info-wrap"> | |||
| 10154 | <span class="thumb-info-title"> | 10154 | <span class="thumb-info-title"> | |||
| 10155 | <h3 class="sub-title thumb-info-inner">Face</h3> | 10155 | <h3 class="sub-title thumb-info-inner">Face</h3> | |||
| 10156 | <span class="thumb-info-type"> <mark class="count">4</mark> Products </span> | 10156 | <span class="thumb-info-type"> <mark class="count">4</mark> Products </span> | |||
| 10157 | </span> | 10157 | </span> | |||
| 10158 | </span> | 10158 | </span> | |||
| 10159 | </span> | 10159 | </span> | |||
| 10160 | </a> | 10160 | </a> | |||
| 10161 | </li> | 10161 | </li> | |||
| 10162 | </ul> | 10162 | </ul> | |||
| 10163 | </div> | 10163 | </div> | |||
| 10164 | <div class="porto-separator"><hr class="separator-line align_center solid" style="background-color: #e7e7e7;" /></div> | 10164 | <div class="porto-separator"><hr class="separator-line align_center solid" style="background-color: #e7e7e7;" /></div> | |||
| 10165 | <h2 style="font-size: 1.375rem; line-height: 1.2; text-align: center; letter-spacing: -0.02em;" class="vc_custom_heading mb-4 pt-2">Shop By Brand</h2> | 10165 | <h2 style="font-size: 1.375rem; line-height: 1.2; text-align: center; letter-spacing: -0.02em;" class="vc_custom_heading mb-4 pt-2">Shop By Brand</h2> | |||
| 10166 | <div class="porto-brand"> | 10166 | <div class="porto-brand"> | |||
| 10167 | <div class="porto-carousel brand-carousel owl-carousel brands-slider nav-pos-outside nav-style-4"> | 10167 | <div class="porto-carousel brand-carousel owl-carousel brands-slider nav-pos-outside nav-style-4"> | |||
| 10168 | <div class="item"><div class="img-single"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand1.png"}}" alt="" /></div></div> | 10168 | <div class="item"><div class="img-single"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand1.png"}}" alt="" /></div></div> | |||
| 10169 | <div class="item"><div class="img-single"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand2.png"}}" alt="" /></div></div> | 10169 | <div class="item"><div class="img-single"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand2.png"}}" alt="" /></div></div> | |||
| 10170 | <div class="item"><div class="img-single"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand3.png"}}" alt="" /></div></div> | 10170 | <div class="item"><div class="img-single"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand3.png"}}" alt="" /></div></div> | |||
| 10171 | <div class="item"><div class="img-single"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand4.png"}}" alt="" /></div></div> | 10171 | <div class="item"><div class="img-single"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand4.png"}}" alt="" /></div></div> | |||
| 10172 | <div class="item"><div class="img-single"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand5.png"}}" alt="" /></div></div> | 10172 | <div class="item"><div class="img-single"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand5.png"}}" alt="" /></div></div> | |||
| 10173 | <div class="item"><div class="img-single"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand6.png"}}" alt="" /></div></div> | 10173 | <div class="item"><div class="img-single"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand6.png"}}" alt="" /></div></div> | |||
| 10174 | </div> | 10174 | </div> | |||
| 10175 | <script type="text/javascript"> | 10175 | <script type="text/javascript"> | |||
| 10176 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | 10176 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | |||
| 10177 | $(".brand-carousel.owl-carousel").owlCarousel({ | 10177 | $(".brand-carousel.owl-carousel").owlCarousel({ | |||
| 10178 | autoplay: true, | 10178 | autoplay: true, | |||
| 10179 | autoplayTimeout: 5000, | 10179 | autoplayTimeout: 5000, | |||
| 10180 | autoplayHoverPause: true, | 10180 | autoplayHoverPause: true, | |||
| 10181 | nav: true, | 10181 | nav: true, | |||
| 10182 | dots: false, | 10182 | dots: false, | |||
| 10183 | loop: false, | 10183 | loop: false, | |||
| 10184 | margin: 20, | 10184 | margin: 20, | |||
| 10185 | responsive: { | 10185 | responsive: { | |||
| 10186 | 0: { | 10186 | 0: { | |||
| 10187 | items: 2, | 10187 | items: 2, | |||
| 10188 | }, | 10188 | }, | |||
| 10189 | 640: { | 10189 | 640: { | |||
| 10190 | items: 2, | 10190 | items: 2, | |||
| 10191 | }, | 10191 | }, | |||
| 10192 | 768: { | 10192 | 768: { | |||
| 10193 | items: 3, | 10193 | items: 3, | |||
| 10194 | }, | 10194 | }, | |||
| 10195 | 992: { | 10195 | 992: { | |||
| 10196 | items: 4, | 10196 | items: 4, | |||
| 10197 | }, | 10197 | }, | |||
| 10198 | 1200: { | 10198 | 1200: { | |||
| 10199 | items: 4, | 10199 | items: 4, | |||
| 10200 | }, | 10200 | }, | |||
| 10201 | }, | 10201 | }, | |||
| 10202 | }); | 10202 | }); | |||
| 10203 | }); | 10203 | }); | |||
| 10204 | </script> | 10204 | </script> | |||
| 10205 | </div> | 10205 | </div> | |||
| 10206 | </div> | 10206 | </div> | |||
| 10207 | </div> | 10207 | </div> | |||
| 10208 | </div> | 10208 | </div> | |||
| 10209 | </div> | 10209 | </div> | |||
| 10210 | </div> | 10210 | </div> | |||
| 10211 | <div class="porto-inner-container" style="padding-top: 40px; padding-bottom: 5px; background-color: #f4f4f4;"> | 10211 | <div class="porto-inner-container" style="padding-top: 40px; padding-bottom: 5px; background-color: #f4f4f4;"> | |||
| 10212 | <div class="container"> | 10212 | <div class="container"> | |||
| 10213 | <div class="row"> | 10213 | <div class="row"> | |||
| 10214 | <div class="col-md-6"> | 10214 | <div class="col-md-6"> | |||
| 10215 | <div class="wpb_wrapper vc_column-inner"> | 10215 | <div class="wpb_wrapper vc_column-inner"> | |||
| 10216 | <style> | 10216 | <style> | |||
| 10217 | .post-carousel { | 10217 | .post-carousel { | |||
| 10218 | margin-left: -10px; | 10218 | margin-left: -10px; | |||
| 10219 | margin-right: -10px; | 10219 | margin-right: -10px; | |||
| 10220 | } | 10220 | } | |||
| 10221 | @media (min-width: 576px) { | 10221 | @media (min-width: 576px) { | |||
| 10222 | .porto-recent-posts .post-item > a { | 10222 | .porto-recent-posts .post-item > a { | |||
| 10223 | float: left; | 10223 | float: left; | |||
| 10224 | width: 46%; | 10224 | width: 46%; | |||
| 10225 | margin-right: 3%; | 10225 | margin-right: 3%; | |||
| 10226 | } | 10226 | } | |||
| 10227 | .porto-recent-posts .post-item .post-content { | 10227 | .porto-recent-posts .post-item .post-content { | |||
| 10228 | padding-top: 2rem; | 10228 | padding-top: 2rem; | |||
| 10229 | } | 10229 | } | |||
| 10230 | } | 10230 | } | |||
| 10231 | .owl-carousel .owl-dots { | 10231 | .owl-carousel .owl-dots { | |||
| 10232 | text-align: center; | 10232 | text-align: center; | |||
| 10233 | } | 10233 | } | |||
| 10234 | .testimonial.testimonial-style-4 { | 10234 | .testimonial.testimonial-style-4 { | |||
| 10235 | background: #fff; | 10235 | background: #fff; | |||
| 10236 | margin-bottom: 2.3rem; | 10236 | margin-bottom: 2.3rem; | |||
| 10237 | padding: 1rem 0 2rem 0; | 10237 | padding: 1rem 0 2rem 0; | |||
| 10238 | } | 10238 | } | |||
| 10239 | .testimonial.testimonial-style-4 .testimonial-author { | 10239 | .testimonial.testimonial-style-4 .testimonial-author { | |||
| 10240 | margin-bottom: 0; | 10240 | margin-bottom: 0; | |||
| 10241 | } | 10241 | } | |||
| 10242 | .testimonial.testimonial-style-4 blockquote:before { | 10242 | .testimonial.testimonial-style-4 blockquote:before { | |||
| 10243 | left: 95px; | 10243 | left: 95px; | |||
| 10244 | font-size: 3rem; | 10244 | font-size: 3rem; | |||
| 10245 | } | 10245 | } | |||
| 10246 | .testimonial.testimonial-style-4 blockquote { | 10246 | .testimonial.testimonial-style-4 blockquote { | |||
| 10247 | padding: 12px 80px 12px 125px; | 10247 | padding: 12px 80px 12px 125px; | |||
| 10248 | } | 10248 | } | |||
| 10249 | </style> | 10249 | </style> | |||
| 10250 | <h2 style="font-size: 1.375rem; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading mb-4 align-left">Latest News</h2> | 10250 | <h2 style="font-size: 1.375rem; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading mb-4 align-left">Latest News</h2> | |||
| 10251 | <div class="porto-recent-posts porto-blog wpb_content_element"> | 10251 | <div class="porto-recent-posts porto-blog wpb_content_element"> | |||
| 10252 | <div class="post-carousel porto-carousel owl-carousel dots-style-1"> | 10252 | <div class="post-carousel porto-carousel owl-carousel dots-style-1"> | |||
| 10253 | {{widget type="Magefan\Blog\Block\Widget\Recent" number_of_posts="2" custom_template="recent_home.phtml"}} | 10253 | {{widget type="Magefan\Blog\Block\Widget\Recent" number_of_posts="2" custom_template="recent_home.phtml"}} | |||
| 10254 | </div> | 10254 | </div> | |||
| 10255 | <script type="text/javascript"> | 10255 | <script type="text/javascript"> | |||
| 10256 | require([ | 10256 | require([ | |||
| 10257 | 'jquery', | 10257 | 'jquery', | |||
| 10258 | 'owl.carousel/owl.carousel.min' | 10258 | 'owl.carousel/owl.carousel.min' | |||
| 10259 | ], function ($) { | 10259 | ], function ($) { | |||
| 10260 | $(".porto-recent-posts .owl-carousel").owlCarousel({ | 10260 | $(".porto-recent-posts .owl-carousel").owlCarousel({ | |||
| 10261 | items: 1, | 10261 | items: 1, | |||
| 10262 | autoplay: false, | 10262 | autoplay: false, | |||
| 10263 | autoplayTimeout: 5000, | 10263 | autoplayTimeout: 5000, | |||
| 10264 | autoplayHoverPause: true, | 10264 | autoplayHoverPause: true, | |||
| 10265 | dots: true, | 10265 | dots: true, | |||
| 10266 | nav: false, | 10266 | nav: false, | |||
| 10267 | loop: true, | 10267 | loop: true, | |||
| 10268 | navRewind: true | 10268 | navRewind: true | |||
| 10269 | }); | 10269 | }); | |||
| 10270 | }); | 10270 | }); | |||
| 10271 | </script> | 10271 | </script> | |||
| 10272 | </div> | 10272 | </div> | |||
| 10273 | </div> | 10273 | </div> | |||
| 10274 | </div> | 10274 | </div> | |||
| 10275 | <div class="col-md-6"> | 10275 | <div class="col-md-6"> | |||
| 10276 | <div class="wpb_wrapper vc_column-inner"> | 10276 | <div class="wpb_wrapper vc_column-inner"> | |||
| 10277 | <h2 style="font-size: 1.375rem; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading mb-4 align-left">Latest Product Reviews</h2> | 10277 | <h2 style="font-size: 1.375rem; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading mb-4 align-left">Latest Product Reviews</h2> | |||
| 10278 | <div class="wpb_content_element"> | 10278 | <div class="wpb_content_element"> | |||
| 10279 | <div class="widget widget_recent_reviews"> | 10279 | <div class="widget widget_recent_reviews"> | |||
| 10280 | <div class="porto-carousel owl-carousel porto-testimonial nav-inside dots-style-1 nav-inside-center"> | 10280 | <div class="porto-carousel owl-carousel porto-testimonial nav-inside dots-style-1 nav-inside-center"> | |||
| 10281 | <div class="porto-testimonial"> | 10281 | <div class="porto-testimonial"> | |||
| 10282 | <div class="testimonial testimonial-style-4 testimonial-no-borders"> | 10282 | <div class="testimonial testimonial-style-4 testimonial-no-borders"> | |||
| 10283 | <div class="testimonial-author clearfix"> | 10283 | <div class="testimonial-author clearfix"> | |||
| 10284 | <div class="testimonial-author-thumbnail"> | 10284 | <div class="testimonial-author-thumbnail"> | |||
| 10285 | <img class="img-responsive img-circle" src="{{media url="wysiwyg/smartwave/porto/homepage/01/shop2_about_us_person1.jpg"}}" alt="John Smith" /> | 10285 | <img class="img-responsive img-circle" src="{{media url="wysiwyg/smartwave/porto/homepage/01/shop2_about_us_person1.jpg"}}" alt="John Smith" /> | |||
| 10286 | </div> | 10286 | </div> | |||
| 10287 | <p><strong style="color: #222529;">John Smith</strong><span>CEO & Founder</span></p> | 10287 | <p><strong style="color: #222529;">John Smith</strong><span>CEO & Founder</span></p> | |||
| 10288 | </div> | 10288 | </div> | |||
| 10289 | <div class="testimonial-arrow-down"></div> | 10289 | <div class="testimonial-arrow-down"></div> | |||
| 10290 | <blockquote style="color: #222529;"><p style="color:#777;">Lorem ipsum dolor sit amet, consectetur elitad adipiscing Cras non placerat mi.</p></blockquote> | 10290 | <blockquote style="color: #222529;"><p style="color:#777;">Lorem ipsum dolor sit amet, consectetur elitad adipiscing Cras non placerat mi.</p></blockquote> | |||
| 10291 | </div> | 10291 | </div> | |||
| 10292 | </div> | 10292 | </div> | |||
| 10293 | <div class="porto-testimonial"> | 10293 | <div class="porto-testimonial"> | |||
| 10294 | <div class="testimonial testimonial-style-4 testimonial-no-borders"> | 10294 | <div class="testimonial testimonial-style-4 testimonial-no-borders"> | |||
| 10295 | <div class="testimonial-author clearfix"> | 10295 | <div class="testimonial-author clearfix"> | |||
| 10296 | <div class="testimonial-author-thumbnail"><img class="img-responsive img-circle" src="{{media url="wysiwyg/smartwave/porto/homepage/01/client-2.jpg"}}" alt="JOHN SMITH" /></div> | 10296 | <div class="testimonial-author-thumbnail"><img class="img-responsive img-circle" src="{{media url="wysiwyg/smartwave/porto/homepage/01/client-2.jpg"}}" alt="JOHN SMITH" /></div> | |||
| 10297 | <p><strong>JOHN SMITH</strong><span>CEO & Founder</span></p> | 10297 | <p><strong>JOHN SMITH</strong><span>CEO & Founder</span></p> | |||
| 10298 | </div> | 10298 | </div> | |||
| 10299 | <div class="testimonial-arrow-down"></div> | 10299 | <div class="testimonial-arrow-down"></div> | |||
| 10300 | <blockquote style="color: #222529;"><p style="color:#777;">Lorem ipsum dolor sit amet, consectetur elitad adipiscing Cras non placerat mi.</p></blockquote> | 10300 | <blockquote style="color: #222529;"><p style="color:#777;">Lorem ipsum dolor sit amet, consectetur elitad adipiscing Cras non placerat mi.</p></blockquote> | |||
| 10301 | </div> | 10301 | </div> | |||
| 10302 | </div> | 10302 | </div> | |||
| 10303 | <div class="porto-testimonial"> | 10303 | <div class="porto-testimonial"> | |||
| 10304 | <div class="testimonial testimonial-style-4 testimonial-no-borders"> | 10304 | <div class="testimonial testimonial-style-4 testimonial-no-borders"> | |||
| 10305 | <div class="testimonial-author clearfix"> | 10305 | <div class="testimonial-author clearfix"> | |||
| 10306 | <div class="testimonial-author-thumbnail"> | 10306 | <div class="testimonial-author-thumbnail"> | |||
| 10307 | <img class="img-responsive img-circle" src="{{media url="wysiwyg/smartwave/porto/homepage/01/shop1_testimonial1.jpg"}}" alt="JOHN SMITH" /> | 10307 | <img class="img-responsive img-circle" src="{{media url="wysiwyg/smartwave/porto/homepage/01/shop1_testimonial1.jpg"}}" alt="JOHN SMITH" /> | |||
| 10308 | </div> | 10308 | </div> | |||
| 10309 | <p><strong>JOHN SMITH</strong><span>CEO & Founder</span></p> | 10309 | <p><strong>JOHN SMITH</strong><span>CEO & Founder</span></p> | |||
| 10310 | </div> | 10310 | </div> | |||
| 10311 | <div class="testimonial-arrow-down"></div> | 10311 | <div class="testimonial-arrow-down"></div> | |||
| 10312 | <blockquote style="color: #222529;"><p style="color:#777;">Lorem ipsum dolor sit amet, consectetur elitad adipiscing Cras non placerat mi.</p></blockquote> | 10312 | <blockquote style="color: #222529;"><p style="color:#777;">Lorem ipsum dolor sit amet, consectetur elitad adipiscing Cras non placerat mi.</p></blockquote> | |||
| 10313 | </div> | 10313 | </div> | |||
| 10314 | </div> | 10314 | </div> | |||
| 10315 | </div> | 10315 | </div> | |||
| 10316 | <script type="text/javascript"> | 10316 | <script type="text/javascript"> | |||
| 10317 | require([ | 10317 | require([ | |||
| 10318 | 'jquery', | 10318 | 'jquery', | |||
| 10319 | 'owl.carousel/owl.carousel.min' | 10319 | 'owl.carousel/owl.carousel.min' | |||
| 10320 | ], function ($) { | 10320 | ], function ($) { | |||
| 10321 | $(".porto-testimonial.owl-carousel").owlCarousel({ | 10321 | $(".porto-testimonial.owl-carousel").owlCarousel({ | |||
| 10322 | items: 1, | 10322 | items: 1, | |||
| 10323 | autoplay: false, | 10323 | autoplay: false, | |||
| 10324 | autoplayTimeout: 5000, | 10324 | autoplayTimeout: 5000, | |||
| 10325 | autoplayHoverPause: true, | 10325 | autoplayHoverPause: true, | |||
| 10326 | dots: true, | 10326 | dots: true, | |||
| 10327 | nav: false, | 10327 | nav: false, | |||
| 10328 | loop: false, | 10328 | loop: false, | |||
| 10329 | navRewind: true, | 10329 | navRewind: true, | |||
| 10330 | margin: 1 | 10330 | margin: 1 | |||
| 10331 | }); | 10331 | }); | |||
| 10332 | }); | 10332 | }); | |||
| 10333 | </script> | 10333 | </script> | |||
| 10334 | </div> | 10334 | </div> | |||
| 10335 | </div> | 10335 | </div> | |||
| 10336 | </div> | 10336 | </div> | |||
| 10337 | </div> | 10337 | </div> | |||
| 10338 | </div> | 10338 | </div> | |||
| 10339 | </div> | 10339 | </div> | |||
| 10340 | </div> | 10340 | </div> | |||
| 10341 | ]]> | 10341 | ]]> | |||
| 10342 | </content> | 10342 | </content> | |||
| 10343 | 10343 | |||||
| 10344 | <is_active> | 10344 | <is_active> | |||
| 10345 | 1 | 10345 | 1 | |||
| 10346 | </is_active> | 10346 | </is_active> | |||
| 10347 | 10347 | |||||
| 10348 | <page_layout> | 10348 | <page_layout> | |||
| 10349 | 1column | 10349 | 1column | |||
| 10350 | </page_layout> | 10350 | </page_layout> | |||
| 10351 | 10351 | |||||
| 10352 | <layout_update_xml> | 10352 | <layout_update_xml> | |||
| 10353 | <![CDATA[]]> | 10353 | <![CDATA[]]> | |||
| 10354 | </layout_update_xml> | 10354 | </layout_update_xml> | |||
| 10355 | 10355 | |||||
| 10356 | </cms_item> | 10356 | </cms_item> | |||
| 10357 | 10357 | |||||
| 10358 | <cms_item> | 10358 | <cms_item> | |||
| 10359 | 10359 | |||||
| 10360 | <title> | 10360 | <title> | |||
| 10361 | Porto - Homepage 18 | 10361 | Porto - Homepage 18 | |||
| 10362 | </title> | 10362 | </title> | |||
| 10363 | 10363 | |||||
| 10364 | <identifier> | 10364 | <identifier> | |||
| 10365 | porto_home_18 | 10365 | porto_home_18 | |||
| 10366 | </identifier> | 10366 | </identifier> | |||
| 10367 | 10367 | |||||
| 10368 | <content> | 10368 | <content> | |||
| 10369 | <![CDATA[<style> | 10369 | <![CDATA[<style> | |||
| 10370 | .columns .column.main { | 10370 | .columns .column.main { | |||
| 10371 | max-width: 100%; | 10371 | max-width: 100%; | |||
| 10372 | padding-bottom: 0; | 10372 | padding-bottom: 0; | |||
| 10373 | } | 10373 | } | |||
| 10374 | .layout-fullwidth .page-main { | 10374 | .layout-fullwidth .page-main { | |||
| 10375 | padding-left: 0; | 10375 | padding-left: 0; | |||
| 10376 | padding-right: 0; | 10376 | padding-right: 0; | |||
| 10377 | } | 10377 | } | |||
| 10378 | .fullscreen-carousel { | 10378 | .fullscreen-carousel { | |||
| 10379 | height: 100vh; | 10379 | height: 100vh; | |||
| 10380 | position: relative; | 10380 | position: relative; | |||
| 10381 | } | 10381 | } | |||
| 10382 | .fullscreen-carousel, .fullscreen-carousel .owl-carousel:not(.owl-loaded)>*, .fullscreen-carousel .owl-item>* { | 10382 | .fullscreen-carousel, .fullscreen-carousel .owl-carousel:not(.owl-loaded)>*, .fullscreen-carousel .owl-item>* { | |||
| 10383 | max-height: 80vw; | 10383 | max-height: 80vw; | |||
| 10384 | } | 10384 | } | |||
| 10385 | .fullscreen-carousel .porto-ibanner>img { | 10385 | .fullscreen-carousel .porto-ibanner>img { | |||
| 10386 | height: 100%; | 10386 | height: 100%; | |||
| 10387 | } | 10387 | } | |||
| 10388 | .porto-ibanner-layer { | 10388 | .porto-ibanner-layer { | |||
| 10389 | position: absolute; | 10389 | position: absolute; | |||
| 10390 | z-index: 10; | 10390 | z-index: 10; | |||
| 10391 | } | 10391 | } | |||
| 10392 | .porto-ibanner .btn-modern.btn-md { | 10392 | .porto-ibanner .btn-modern.btn-md { | |||
| 10393 | font-size: .75em; | 10393 | font-size: .75em; | |||
| 10394 | padding: 1.3em 3.25em; | 10394 | padding: 1.3em 3.25em; | |||
| 10395 | } | 10395 | } | |||
| 10396 | .scene {list-style: none;} | 10396 | .scene {list-style: none;} | |||
| 10397 | .scene .layer img {width:auto;} | 10397 | .scene .layer img {width:auto;} | |||
| 10398 | .home-banner-thumb { | 10398 | .home-banner-thumb { | |||
| 10399 | position: absolute !important; | 10399 | position: absolute !important; | |||
| 10400 | bottom: 2.6vw; | 10400 | bottom: 2.6vw; | |||
| 10401 | right: 0; | 10401 | right: 0; | |||
| 10402 | width: 24%!important; | 10402 | width: 24%!important; | |||
| 10403 | z-index: 3; | 10403 | z-index: 3; | |||
| 10404 | } | 10404 | } | |||
| 10405 | .home-banner-thumb img { | 10405 | .home-banner-thumb img { | |||
| 10406 | border: 3px solid rgba(255,255,255,.5); | 10406 | border: 3px solid rgba(255,255,255,.5); | |||
| 10407 | } | 10407 | } | |||
| 10408 | .home-banner-thumb .synced img { | 10408 | .home-banner-thumb .synced img { | |||
| 10409 | border-color: #fff; | 10409 | border-color: #fff; | |||
| 10410 | } | 10410 | } | |||
| 10411 | sup { | 10411 | sup { | |||
| 10412 | font-size: 54%; | 10412 | font-size: 54%; | |||
| 10413 | } | 10413 | } | |||
| 10414 | .porto-ibanner .btn-modern.btn-xl { | 10414 | .porto-ibanner .btn-modern.btn-xl { | |||
| 10415 | font-size: 1.05em; | 10415 | font-size: 1.05em; | |||
| 10416 | } | 10416 | } | |||
| 10417 | .ls-200>.btn { | 10417 | .ls-200>.btn { | |||
| 10418 | letter-spacing: .2em; | 10418 | letter-spacing: .2em; | |||
| 10419 | } | 10419 | } | |||
| 10420 | @media (max-width: 480px) { | 10420 | @media (max-width: 480px) { | |||
| 10421 | .porto-ibanner-layer { | 10421 | .porto-ibanner-layer { | |||
| 10422 | font-size: .6rem; | 10422 | font-size: .6rem; | |||
| 10423 | } | 10423 | } | |||
| 10424 | } | 10424 | } | |||
| 10425 | </style> | 10425 | </style> | |||
| 10426 | <div class="row no-padding home-banner"> | 10426 | <div class="row no-padding home-banner"> | |||
| 10427 | <div class="col-md-12"> | 10427 | <div class="col-md-12"> | |||
| 10428 | <div class="wpb_wrapper vc_column-inner"> | 10428 | <div class="wpb_wrapper vc_column-inner"> | |||
| 10429 | <div class="fullscreen-carousel"> | 10429 | <div class="fullscreen-carousel"> | |||
| 10430 | <div id="banner-slider-demo-18" class="porto-carousel owl-carousel has-ccols ccols-1 mb-0 home-banner"> | 10430 | <div id="banner-slider-demo-18" class="porto-carousel owl-carousel has-ccols ccols-1 mb-0 home-banner"> | |||
| 10431 | <div class="porto-ibanner mb-0" style="background: #222529;"> | 10431 | <div class="porto-ibanner mb-0" style="background: #222529;"> | |||
| 10432 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/18/01n.jpg"}}" /> | 10432 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/18/01n.jpg"}}" /> | |||
| 10433 | <div class="porto-ibanner-desc no-padding d-flex"> | 10433 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 10434 | <div class="porto-ibanner-layer layer" style="width: 100%; left: 0%; top: 50%; transform: translateY(-50%);"> | 10434 | <div class="porto-ibanner-layer layer" style="width: 100%; left: 0%; top: 50%; transform: translateY(-50%);"> | |||
| 10435 | <div class="wpb_text_column wpb_content_element"> | 10435 | <div class="wpb_text_column wpb_content_element"> | |||
| 10436 | <div class="wpb_wrapper"> | 10436 | <div class="wpb_wrapper"> | |||
| 10437 | <ul class="scene" style="width: 100%; position: relative; transform: translate3d(0px, 0px, 0px); transform-style: preserve-3d; backface-visibility: hidden;"> | 10437 | <ul class="scene" style="width: 100%; position: relative; transform: translate3d(0px, 0px, 0px); transform-style: preserve-3d; backface-visibility: hidden;"> | |||
| 10438 | <li class="layer" data-depth="0.05"> | 10438 | <li class="layer" data-depth="0.05"> | |||
| 10439 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/18/white-shoes.png"}}" alt="" /> | 10439 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/18/white-shoes.png"}}" alt="" /> | |||
| 10440 | </li> | 10440 | </li> | |||
| 10441 | <li class="layer" data-depth="0.06"> | 10441 | <li class="layer" data-depth="0.06"> | |||
| 10442 | <img style="position: absolute; top: 31%; left: 46.5%;" src="{{media url="wysiwyg/smartwave/porto/homepage/18/blurflake1.png"}}" alt="" /> | 10442 | <img style="position: absolute; top: 31%; left: 46.5%;" src="{{media url="wysiwyg/smartwave/porto/homepage/18/blurflake1.png"}}" alt="" /> | |||
| 10443 | </li> | 10443 | </li> | |||
| 10444 | <li class="layer" data-depth="0.07" > | 10444 | <li class="layer" data-depth="0.07" > | |||
| 10445 | <img class="animation-spin" style="position: absolute; top: 25%; left: 66%;" src="{{media url="wysiwyg/smartwave/porto/homepage/18/blurflake2.png"}}" alt="" /> | 10445 | <img class="animation-spin" style="position: absolute; top: 25%; left: 66%;" src="{{media url="wysiwyg/smartwave/porto/homepage/18/blurflake2.png"}}" alt="" /> | |||
| 10446 | </li> | 10446 | </li> | |||
| 10447 | <li class="layer" data-depth="0.10"> | 10447 | <li class="layer" data-depth="0.10"> | |||
| 10448 | <img class="animation-wave" style="position: absolute; top: 50%; left: 80%;" src="{{media url="wysiwyg/smartwave/porto/homepage/18/blurflake3.png"}}" alt="" /> | 10448 | <img class="animation-wave" style="position: absolute; top: 50%; left: 80%;" src="{{media url="wysiwyg/smartwave/porto/homepage/18/blurflake3.png"}}" alt="" /> | |||
| 10449 | </li> | 10449 | </li> | |||
| 10450 | <li class="layer" data-depth="0.15"> | 10450 | <li class="layer" data-depth="0.15"> | |||
| 10451 | <img style="position: absolute; top: 70%; left: 55%;" src="{{media url="wysiwyg/smartwave/porto/homepage/18/blurflake4.png"}}" alt="" /> | 10451 | <img style="position: absolute; top: 70%; left: 55%;" src="{{media url="wysiwyg/smartwave/porto/homepage/18/blurflake4.png"}}" alt="" /> | |||
| 10452 | </li> | 10452 | </li> | |||
| 10453 | </ul> | 10453 | </ul> | |||
| 10454 | </div> | 10454 | </div> | |||
| 10455 | </div> | 10455 | </div> | |||
| 10456 | </div> | 10456 | </div> | |||
| 10457 | <div class="porto-ibanner-layer" style="left: 11%; top: 50%; transform: translateY(-50%);"> | 10457 | <div class="porto-ibanner-layer" style="left: 11%; top: 50%; transform: translateY(-50%);"> | |||
| 10458 | <h2 style="font-size: 2.625em; line-height: 1; font-weight: 200; letter-spacing: 0.008em;" class="vc_custom_heading mb-2 align-left heading-light">Spring / Summer Season</h2> | 10458 | <h2 style="font-size: 2.625em; line-height: 1; font-weight: 200; letter-spacing: 0.008em;" class="vc_custom_heading mb-2 align-left heading-light">Spring / Summer Season</h2> | |||
| 10459 | <h4 style="font-size: 2.875em; line-height: 1; text-align: center;" class="vc_custom_heading d-inline-block mr-2 heading-light"> | 10459 | <h4 style="font-size: 2.875em; line-height: 1; text-align: center;" class="vc_custom_heading d-inline-block mr-2 heading-light"> | |||
| 10460 | up<br /> | 10460 | up<br /> | |||
| 10461 | to | 10461 | to | |||
| 10462 | </h4> | 10462 | </h4> | |||
| 10463 | <h4 style="font-size: 6.125em; line-height: 1; letter-spacing: 0.035em;" class="vc_custom_heading d-inline-block mb-3 align-left heading-light">50% OFF</h4> | 10463 | <h4 style="font-size: 6.125em; line-height: 1; letter-spacing: 0.035em;" class="vc_custom_heading d-inline-block mb-3 align-left heading-light">50% OFF</h4> | |||
| 10464 | <div class="vc_custom_heading align-left"></div> | 10464 | <div class="vc_custom_heading align-left"></div> | |||
| 10465 | <h6 style="font-size: 1.125em; line-height: 1; font-weight: 700; letter-spacing: -0.02em;" class="vc_custom_heading pull-left mx-2 align-left text-uppercase heading-light">Starting at</h6> | 10465 | <h6 style="font-size: 1.125em; line-height: 1; font-weight: 700; letter-spacing: -0.02em;" class="vc_custom_heading pull-left mx-2 align-left text-uppercase heading-light">Starting at</h6> | |||
| 10466 | <h6 style="font-size: 2.1em; line-height: 1; font-weight: 700; letter-spacing: -0.02em;margin-top: -0.1em;" class="vc_custom_heading pull-left mr-4 mr-xl-5 pr-xl-4 align-left heading-secondary"> | 10466 | <h6 style="font-size: 2.1em; line-height: 1; font-weight: 700; letter-spacing: -0.02em;margin-top: -0.1em;" class="vc_custom_heading pull-left mr-4 mr-xl-5 pr-xl-4 align-left heading-secondary"> | |||
| 10467 | <sup>$</sup>19<sup>99</sup> | 10467 | <sup>$</sup>19<sup>99</sup> | |||
| 10468 | </h6> | 10468 | </h6> | |||
| 10469 | <div class="btn-container ls-200 d-inline-block"><button class="btn btn-modern btn-xl btn-light">Shop now</button></div> | 10469 | <div class="btn-container ls-200 d-inline-block"><button class="btn btn-modern btn-xl btn-light">Shop now</button></div> | |||
| 10470 | </div> | 10470 | </div> | |||
| 10471 | </div> | 10471 | </div> | |||
| 10472 | </div> | 10472 | </div> | |||
| 10473 | <div class="porto-ibanner mb-0" style="background: #222529;"> | 10473 | <div class="porto-ibanner mb-0" style="background: #222529;"> | |||
| 10474 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/18/02n.jpg"}}" /> | 10474 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/18/02n.jpg"}}" /> | |||
| 10475 | <div class="porto-ibanner-desc no-padding d-flex"> | 10475 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 10476 | <div class="porto-ibanner-layer layer" style="width: 100%; left: 0%; top: 50%; transform: translateY(-50%);"> | 10476 | <div class="porto-ibanner-layer layer" style="width: 100%; left: 0%; top: 50%; transform: translateY(-50%);"> | |||
| 10477 | <div class="wpb_text_column wpb_content_element"> | 10477 | <div class="wpb_text_column wpb_content_element"> | |||
| 10478 | <div class="wpb_wrapper"> | 10478 | <div class="wpb_wrapper"> | |||
| 10479 | <ul class="scene" style="width: 100%; position: relative; transform: translate3d(0px, 0px, 0px); transform-style: preserve-3d; backface-visibility: hidden;"> | 10479 | <ul class="scene" style="width: 100%; position: relative; transform: translate3d(0px, 0px, 0px); transform-style: preserve-3d; backface-visibility: hidden;"> | |||
| 10480 | <li class="layer" data-depth="0.05"> | 10480 | <li class="layer" data-depth="0.05"> | |||
| 10481 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/18/ball2.png"}}" alt="" /> | 10481 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/18/ball2.png"}}" alt="" /> | |||
| 10482 | </li> | 10482 | </li> | |||
| 10483 | <li class="layer" data-depth="0.06"> | 10483 | <li class="layer" data-depth="0.06"> | |||
| 10484 | <img style="position: absolute; top: 70%; left: 42%;" src="{{media url="wysiwyg/smartwave/porto/homepage/18/blurflake1.png"}}" alt="" /> | 10484 | <img style="position: absolute; top: 70%; left: 42%;" src="{{media url="wysiwyg/smartwave/porto/homepage/18/blurflake1.png"}}" alt="" /> | |||
| 10485 | </li> | 10485 | </li> | |||
| 10486 | <li class="layer" data-depth="0.07"> | 10486 | <li class="layer" data-depth="0.07"> | |||
| 10487 | <img class="animation-spin" style="position: absolute; top: 25%; left: 45%;" src="{{media url="wysiwyg/smartwave/porto/homepage/18/blurflake2.png"}}" alt="" /> | 10487 | <img class="animation-spin" style="position: absolute; top: 25%; left: 45%;" src="{{media url="wysiwyg/smartwave/porto/homepage/18/blurflake2.png"}}" alt="" /> | |||
| 10488 | </li> | 10488 | </li> | |||
| 10489 | <li class="layer" data-depth="0.10"> | 10489 | <li class="layer" data-depth="0.10"> | |||
| 10490 | <img class="animation-wave" style="position: absolute; top: 49%; left: 21%;" src="{{media url="wysiwyg/smartwave/porto/homepage/18/blurflake3.png"}}" alt="" /> | 10490 | <img class="animation-wave" style="position: absolute; top: 49%; left: 21%;" src="{{media url="wysiwyg/smartwave/porto/homepage/18/blurflake3.png"}}" alt="" /> | |||
| 10491 | </li> | 10491 | </li> | |||
| 10492 | <li class="layer" data-depth="0.15"> | 10492 | <li class="layer" data-depth="0.15"> | |||
| 10493 | <img style="position: absolute; top: 25%; left: 23%;" src="{{media url="wysiwyg/smartwave/porto/homepage/18/blurflake4.png"}}" alt="" /> | 10493 | <img style="position: absolute; top: 25%; left: 23%;" src="{{media url="wysiwyg/smartwave/porto/homepage/18/blurflake4.png"}}" alt="" /> | |||
| 10494 | </li> | 10494 | </li> | |||
| 10495 | </ul> | 10495 | </ul> | |||
| 10496 | </div> | 10496 | </div> | |||
| 10497 | </div> | 10497 | </div> | |||
| 10498 | </div> | 10498 | </div> | |||
| 10499 | <div class="porto-ibanner-layer right-0-mobile" style="right: 20%; top: 50%; transform: translateY(-50%);"> | 10499 | <div class="porto-ibanner-layer right-0-mobile" style="right: 20%; top: 50%; transform: translateY(-50%);"> | |||
| 10500 | <h2 style="font-size: 2.625em; line-height: 1; font-weight: 200; letter-spacing: 0.008em;" class="vc_custom_heading mb-2 align-left heading-light">Spring / Summer Season</h2> | 10500 | <h2 style="font-size: 2.625em; line-height: 1; font-weight: 200; letter-spacing: 0.008em;" class="vc_custom_heading mb-2 align-left heading-light">Spring / Summer Season</h2> | |||
| 10501 | <h4 style="font-size: 2.875em; line-height: 1; text-align: center;" class="vc_custom_heading d-inline-block mr-2 heading-light"> | 10501 | <h4 style="font-size: 2.875em; line-height: 1; text-align: center;" class="vc_custom_heading d-inline-block mr-2 heading-light"> | |||
| 10502 | up<br /> | 10502 | up<br /> | |||
| 10503 | to | 10503 | to | |||
| 10504 | </h4> | 10504 | </h4> | |||
| 10505 | <h4 style="font-size: 6.125em; line-height: 1; letter-spacing: 0.035em;" class="vc_custom_heading d-inline-block mb-3 align-left heading-light">50% OFF</h4> | 10505 | <h4 style="font-size: 6.125em; line-height: 1; letter-spacing: 0.035em;" class="vc_custom_heading d-inline-block mb-3 align-left heading-light">50% OFF</h4> | |||
| 10506 | <div class="vc_custom_heading align-left"></div> | 10506 | <div class="vc_custom_heading align-left"></div> | |||
| 10507 | <h6 style="font-size: 1.125em; line-height: 1; font-weight: 700; letter-spacing: -0.02em;" class="vc_custom_heading pull-left mx-2 align-left text-uppercase heading-light">Starting at</h6> | 10507 | <h6 style="font-size: 1.125em; line-height: 1; font-weight: 700; letter-spacing: -0.02em;" class="vc_custom_heading pull-left mx-2 align-left text-uppercase heading-light">Starting at</h6> | |||
| 10508 | <h6 style="font-size: 2.1em; line-height: 1; font-weight: 700; letter-spacing: -0.02em;margin-top: -0.1em;" class="vc_custom_heading pull-left mr-4 mr-xl-5 pr-xl-4 align-left heading-secondary"> | 10508 | <h6 style="font-size: 2.1em; line-height: 1; font-weight: 700; letter-spacing: -0.02em;margin-top: -0.1em;" class="vc_custom_heading pull-left mr-4 mr-xl-5 pr-xl-4 align-left heading-secondary"> | |||
| 10509 | <sup>$</sup>19<sup>99</sup> | 10509 | <sup>$</sup>19<sup>99</sup> | |||
| 10510 | </h6> | 10510 | </h6> | |||
| 10511 | <div class="btn-container ls-200 d-inline-block"><button class="btn btn-modern btn-xl btn-light">Shop now</button></div> | 10511 | <div class="btn-container ls-200 d-inline-block"><button class="btn btn-modern btn-xl btn-light">Shop now</button></div> | |||
| 10512 | </div> | 10512 | </div> | |||
| 10513 | </div> | 10513 | </div> | |||
| 10514 | </div> | 10514 | </div> | |||
| 10515 | </div> | 10515 | </div> | |||
| 10516 | </div> | 10516 | </div> | |||
| 10517 | <div class="porto-carousel owl-carousel home-banner-thumb"> | 10517 | <div class="porto-carousel owl-carousel home-banner-thumb"> | |||
| 10518 | <div class="wpb_single_image wpb_content_element vc_align_left mb-0"> | 10518 | <div class="wpb_single_image wpb_content_element vc_align_left mb-0"> | |||
| 10519 | <div class="wpb_wrapper"> | 10519 | <div class="wpb_wrapper"> | |||
| 10520 | <div class="vc_single_image-wrapper vc_box_border_grey"> | 10520 | <div class="vc_single_image-wrapper vc_box_border_grey"> | |||
| 10521 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/18/shop18_home_thumb1.jpg"}}" /> | 10521 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/18/shop18_home_thumb1.jpg"}}" /> | |||
| 10522 | </div> | 10522 | </div> | |||
| 10523 | </div> | 10523 | </div> | |||
| 10524 | </div> | 10524 | </div> | |||
| 10525 | <div class="wpb_single_image wpb_content_element vc_align_left mb-0"> | 10525 | <div class="wpb_single_image wpb_content_element vc_align_left mb-0"> | |||
| 10526 | <div class="wpb_wrapper"> | 10526 | <div class="wpb_wrapper"> | |||
| 10527 | <div class="vc_single_image-wrapper vc_box_border_grey"> | 10527 | <div class="vc_single_image-wrapper vc_box_border_grey"> | |||
| 10528 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/18/shop18_home_thumb2.jpg"}}" /> | 10528 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/18/shop18_home_thumb2.jpg"}}" /> | |||
| 10529 | </div> | 10529 | </div> | |||
| 10530 | </div> | 10530 | </div> | |||
| 10531 | </div> | 10531 | </div> | |||
| 10532 | </div> | 10532 | </div> | |||
| 10533 | </div> | 10533 | </div> | |||
| 10534 | </div> | 10534 | </div> | |||
| 10535 | <script type="text/javascript"> | 10535 | <script type="text/javascript"> | |||
| 10536 | require([ | 10536 | require([ | |||
| 10537 | 'jquery', | 10537 | 'jquery', | |||
| 10538 | 'owlcarousel' | 10538 | 'owlcarousel' | |||
| 10539 | ], function ($) { | 10539 | ], function ($) { | |||
| 10540 | var owl_18 = $("#banner-slider-demo-18").owlCarousel({ | 10540 | var owl_18 = $("#banner-slider-demo-18").owlCarousel({ | |||
| 10541 | items: 1, | 10541 | items: 1, | |||
| 10542 | autoplay: false, | 10542 | autoplay: false, | |||
| 10543 | autoplayTimeout: 5000, | 10543 | autoplayTimeout: 5000, | |||
| 10544 | autoplayHoverPause: true, | 10544 | autoplayHoverPause: true, | |||
| 10545 | dots: false, | 10545 | dots: false, | |||
| 10546 | navRewind: true, | 10546 | navRewind: true, | |||
| 10547 | animateIn: 'fadeIn', | 10547 | animateIn: 'fadeIn', | |||
| 10548 | animateOut: 'fadeOut', | 10548 | animateOut: 'fadeOut', | |||
| 10549 | loop: true, | 10549 | loop: true, | |||
| 10550 | nav: false | 10550 | nav: false | |||
| 10551 | }); | 10551 | }); | |||
| 10552 | var owl_thumb_18 = $(".home-banner-thumb.owl-carousel").owlCarousel({ | 10552 | var owl_thumb_18 = $(".home-banner-thumb.owl-carousel").owlCarousel({ | |||
| 10553 | items: 3, | 10553 | items: 3, | |||
| 10554 | autoplay: false, | 10554 | autoplay: false, | |||
| 10555 | autoplayTimeout: 5000, | 10555 | autoplayTimeout: 5000, | |||
| 10556 | autoplayHoverPause: true, | 10556 | autoplayHoverPause: true, | |||
| 10557 | dots: false, | 10557 | dots: false, | |||
| 10558 | navRewind: true, | 10558 | navRewind: true, | |||
| 10559 | animateIn: 'fadeIn', | 10559 | animateIn: 'fadeIn', | |||
| 10560 | animateOut: 'fadeOut', | 10560 | animateOut: 'fadeOut', | |||
| 10561 | loop: false, | 10561 | loop: false, | |||
| 10562 | nav: false, | 10562 | nav: false, | |||
| 10563 | margin: 10 | 10563 | margin: 10 | |||
| 10564 | }); | 10564 | }); | |||
| 10565 | owl_18.on('translate.owl.carousel', syncPosition); | 10565 | owl_18.on('translate.owl.carousel', syncPosition); | |||
| 10566 | owl_thumb_18.find('.owl-item').eq(0).addClass("synced"); | 10566 | owl_thumb_18.find('.owl-item').eq(0).addClass("synced"); | |||
| 10567 | function syncPosition(event){ | 10567 | function syncPosition(event){ | |||
| 10568 | var current = event.item.index; | 10568 | var current = event.item.index; | |||
| 10569 | current = current % event.item.count; | 10569 | current = current % event.item.count; | |||
| 10570 | owl_thumb_18.find(".owl-item").removeClass("synced").eq(current).addClass("synced"); | 10570 | owl_thumb_18.find(".owl-item").removeClass("synced").eq(current).addClass("synced"); | |||
| 10571 | if(owl_thumb_18.data("owlCarousel") !== undefined){ | 10571 | if(owl_thumb_18.data("owlCarousel") !== undefined){ | |||
| 10572 | center(current); | 10572 | center(current); | |||
| 10573 | } | 10573 | } | |||
| 10574 | } | 10574 | } | |||
| 10575 | owl_thumb_18.on("click", ".owl-item", function(e){ | 10575 | owl_thumb_18.on("click", ".owl-item", function(e){ | |||
| 10576 | e.preventDefault(); | 10576 | e.preventDefault(); | |||
| 10577 | var number = $(this).index(); | 10577 | var number = $(this).index(); | |||
| 10578 | owl_18.trigger('to.owl.carousel', [number, 300, true]); | 10578 | owl_18.trigger('to.owl.carousel', [number, 300, true]); | |||
| 10579 | }); | 10579 | }); | |||
| 10580 | function center(number){ | 10580 | function center(number){ | |||
| 10581 | var sync2visible = sync2.data("owlCarousel").owl.visibleItems; | 10581 | var sync2visible = sync2.data("owlCarousel").owl.visibleItems; | |||
| 10582 | var num = number; | 10582 | var num = number; | |||
| 10583 | var found = false; | 10583 | var found = false; | |||
| 10584 | for(var i in sync2visible){ | 10584 | for(var i in sync2visible){ | |||
| 10585 | if(num === sync2visible[i]){ | 10585 | if(num === sync2visible[i]){ | |||
| 10586 | var found = true; | 10586 | var found = true; | |||
| 10587 | } | 10587 | } | |||
| 10588 | } | 10588 | } | |||
| 10589 | 10589 | |||||
| 10590 | if(found===false){ | 10590 | if(found===false){ | |||
| 10591 | if(num>sync2visible[sync2visible.length-1]){ | 10591 | if(num>sync2visible[sync2visible.length-1]){ | |||
| 10592 | sync2.trigger("owl.goTo", num - sync2visible.length+2) | 10592 | sync2.trigger("owl.goTo", num - sync2visible.length+2) | |||
| 10593 | }else{ | 10593 | }else{ | |||
| 10594 | if(num - 1 === -1){ | 10594 | if(num - 1 === -1){ | |||
| 10595 | num = 0; | 10595 | num = 0; | |||
| 10596 | } | 10596 | } | |||
| 10597 | sync2.trigger("owl.goTo", num); | 10597 | sync2.trigger("owl.goTo", num); | |||
| 10598 | } | 10598 | } | |||
| 10599 | } else if(num === sync2visible[sync2visible.length-1]){ | 10599 | } else if(num === sync2visible[sync2visible.length-1]){ | |||
| 10600 | sync2.trigger("owl.goTo", sync2visible[1]) | 10600 | sync2.trigger("owl.goTo", sync2visible[1]) | |||
| 10601 | } else if(num === sync2visible[0]){ | 10601 | } else if(num === sync2visible[0]){ | |||
| 10602 | sync2.trigger("owl.goTo", num-1) | 10602 | sync2.trigger("owl.goTo", num-1) | |||
| 10603 | } | 10603 | } | |||
| 10604 | } | 10604 | } | |||
| 10605 | }); | 10605 | }); | |||
| 10606 | require([ | 10606 | require([ | |||
| 10607 | 'jquery', | 10607 | 'jquery', | |||
| 10608 | 'parallax' | 10608 | 'parallax' | |||
| 10609 | ], function ($) { | 10609 | ], function ($) { | |||
| 10610 | $(document).ready(function(){ | 10610 | $(document).ready(function(){ | |||
| 10611 | $('.scene').parallax(); | 10611 | $('.scene').parallax(); | |||
| 10612 | }); | 10612 | }); | |||
| 10613 | }); | 10613 | }); | |||
| 10614 | </script> | 10614 | </script> | |||
| 10615 | </div> | 10615 | </div> | |||
| 10616 | <div class="porto-inner-container" style="padding-top: 80px;padding-bottom: 0px;"> | 10616 | <div class="porto-inner-container" style="padding-top: 80px;padding-bottom: 0px;"> | |||
| 10617 | <div class="container"> | 10617 | <div class="container"> | |||
| 10618 | <div class="row"> | 10618 | <div class="row"> | |||
| 10619 | <div class="col-md-12"> | 10619 | <div class="col-md-12"> | |||
| 10620 | <div class="wpb_wrapper vc_column-inner"> | 10620 | <div class="wpb_wrapper vc_column-inner"> | |||
| 10621 | <div class="porto-products wpb_content_element show-category filter-vertical archive-products mb-0"> | 10621 | <div class="porto-products wpb_content_element show-category filter-vertical archive-products mb-0"> | |||
| 10622 | {{block class="Smartwave\Porto\Block\Template" product_type="3" aspect_ratio="0" product_count="10" columns="5" image_width="300" image_height="300" template="ajaxproducts/ajaxproducts.phtml"}} | 10622 | {{block class="Smartwave\Porto\Block\Template" product_type="3" aspect_ratio="0" product_count="10" columns="5" image_width="300" image_height="300" template="ajaxproducts/ajaxproducts.phtml"}} | |||
| 10623 | </div> | 10623 | </div> | |||
| 10624 | </div> | 10624 | </div> | |||
| 10625 | </div> | 10625 | </div> | |||
| 10626 | </div> | 10626 | </div> | |||
| 10627 | </div> | 10627 | </div> | |||
| 10628 | </div> | 10628 | </div> | |||
| 10629 | <div class="row no-padding"> | 10629 | <div class="row no-padding"> | |||
| 10630 | <div class="col-md-12"> | 10630 | <div class="col-md-12"> | |||
| 10631 | <div class="wpb_wrapper vc_column-inner"> | 10631 | <div class="wpb_wrapper vc_column-inner"> | |||
| 10632 | <div class="porto-ibanner mb-0" style="min-height: 300px;"> | 10632 | <div class="porto-ibanner mb-0" style="min-height: 300px;"> | |||
| 10633 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/18/shop18_home_banner4.jpg"}}" /> | 10633 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/18/shop18_home_banner4.jpg"}}" /> | |||
| 10634 | <div class="porto-ibanner-desc no-padding d-flex"> | 10634 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 10635 | <div class="container"> | 10635 | <div class="container"> | |||
| 10636 | <div class="porto-ibanner-container"> | 10636 | <div class="porto-ibanner-container"> | |||
| 10637 | <div class="porto-ibanner-layer pl-1" style="left: 49%; top: 50%; transform: translateY(-50%);"> | 10637 | <div class="porto-ibanner-layer pl-1" style="left: 49%; top: 50%; transform: translateY(-50%);"> | |||
| 10638 | <h2 style="font-size: 2.5em; line-height: 1.2; letter-spacing: -0.025em;" class="vc_custom_heading mb-4 pb-xl-1 align-left text-uppercase heading-light"> | 10638 | <h2 style="font-size: 2.5em; line-height: 1.2; letter-spacing: -0.025em;" class="vc_custom_heading mb-4 pb-xl-1 align-left text-uppercase heading-light"> | |||
| 10639 | Ultra Boost | 10639 | Ultra Boost | |||
| 10640 | </h2> | 10640 | </h2> | |||
| 10641 | <div class="wpb_single_image wpb_content_element vc_align_left mb-4 pb-xl-3"> | 10641 | <div class="wpb_single_image wpb_content_element vc_align_left mb-4 pb-xl-3"> | |||
| 10642 | <div class="wpb_wrapper"> | 10642 | <div class="wpb_wrapper"> | |||
| 10643 | <div class="vc_single_image-wrapper vc_box_border_grey"> | 10643 | <div class="vc_single_image-wrapper vc_box_border_grey"> | |||
| 10644 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/18/shoes.png"}}" class="d-block"/> | 10644 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/18/shoes.png"}}" class="d-block"/> | |||
| 10645 | </div> | 10645 | </div> | |||
| 10646 | </div> | 10646 | </div> | |||
| 10647 | </div> | 10647 | </div> | |||
| 10648 | <div class="btn-container mb-0 ls-200 d-inline-block"> | 10648 | <div class="btn-container mb-0 ls-200 d-inline-block"> | |||
| 10649 | <button class="btn btn-modern btn-md btn-light"> | 10649 | <button class="btn btn-modern btn-md btn-light"> | |||
| 10650 | Shop Now | 10650 | Shop Now | |||
| 10651 | </button> | 10651 | </button> | |||
| 10652 | </div> | 10652 | </div> | |||
| 10653 | </div> | 10653 | </div> | |||
| 10654 | </div> | 10654 | </div> | |||
| 10655 | </div> | 10655 | </div> | |||
| 10656 | </div> | 10656 | </div> | |||
| 10657 | </div> | 10657 | </div> | |||
| 10658 | </div> | 10658 | </div> | |||
| 10659 | </div> | 10659 | </div> | |||
| 10660 | </div> | 10660 | </div> | |||
| 10661 | <div class="porto-inner-container" style="padding-top: 5rem; padding-bottom: 3.5rem;"> | 10661 | <div class="porto-inner-container" style="padding-top: 5rem; padding-bottom: 3.5rem;"> | |||
| 10662 | <div class="container"> | 10662 | <div class="container"> | |||
| 10663 | <div class="row"> | 10663 | <div class="row"> | |||
| 10664 | <div class="col-md-12"> | 10664 | <div class="col-md-12"> | |||
| 10665 | <div class="wpb_wrapper vc_column-inner"> | 10665 | <div class="wpb_wrapper vc_column-inner"> | |||
| 10666 | <div id="featured-products" class="porto-products wpb_content_element"> | 10666 | <div id="featured-products" class="porto-products wpb_content_element"> | |||
| 10667 | <h2 class="section-title text-center slider-title"><span class="inline-title">Featured Products</span><span class="line"></span></h2> | 10667 | <h2 class="section-title text-center slider-title"><span class="inline-title">Featured Products</span><span class="line"></span></h2> | |||
| 10668 | <div class="slider-wrapper"> | 10668 | <div class="slider-wrapper"> | |||
| 10669 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1" product_count="8" product_type="3" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | 10669 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1" product_count="8" product_type="3" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||
| 10670 | <script type="text/javascript"> | 10670 | <script type="text/javascript"> | |||
| 10671 | require([ | 10671 | require([ | |||
| 10672 | 'jquery', | 10672 | 'jquery', | |||
| 10673 | 'owl.carousel/owl.carousel.min' | 10673 | 'owl.carousel/owl.carousel.min' | |||
| 10674 | ], function ($) { | 10674 | ], function ($) { | |||
| 10675 | $("#featured-products .owl-carousel").owlCarousel({ | 10675 | $("#featured-products .owl-carousel").owlCarousel({ | |||
| 10676 | autoplay: false, | 10676 | autoplay: false, | |||
| 10677 | autoplayTimeout: 5000, | 10677 | autoplayTimeout: 5000, | |||
| 10678 | autoplayHoverPause: true, | 10678 | autoplayHoverPause: true, | |||
| 10679 | loop: true, | 10679 | loop: true, | |||
| 10680 | navRewind: true, | 10680 | navRewind: true, | |||
| 10681 | lazyLoad:true, | 10681 | lazyLoad:true, | |||
| 10682 | margin: 0, | 10682 | margin: 0, | |||
| 10683 | nav: true, | 10683 | nav: true, | |||
| 10684 | dots: false, | 10684 | dots: false, | |||
| 10685 | responsive: { | 10685 | responsive: { | |||
| 10686 | 0: { | 10686 | 0: { | |||
| 10687 | items:2 | 10687 | items:2 | |||
| 10688 | }, | 10688 | }, | |||
| 10689 | 640: { | 10689 | 640: { | |||
| 10690 | items:3 | 10690 | items:3 | |||
| 10691 | }, | 10691 | }, | |||
| 10692 | 768: { | 10692 | 768: { | |||
| 10693 | items:3 | 10693 | items:3 | |||
| 10694 | }, | 10694 | }, | |||
| 10695 | 992: { | 10695 | 992: { | |||
| 10696 | items:4 | 10696 | items:4 | |||
| 10697 | }, | 10697 | }, | |||
| 10698 | 1200: { | 10698 | 1200: { | |||
| 10699 | items:6 | 10699 | items:6 | |||
| 10700 | } | 10700 | } | |||
| 10701 | } | 10701 | } | |||
| 10702 | }); | 10702 | }); | |||
| 10703 | }); | 10703 | }); | |||
| 10704 | </script> | 10704 | </script> | |||
| 10705 | </div> | 10705 | </div> | |||
| 10706 | </div> | 10706 | </div> | |||
| 10707 | <div class="vc_row wpb_row vc_inner row"> | 10707 | <div class="vc_row wpb_row vc_inner row"> | |||
| 10708 | <div class="col-md-12 col-lg-6"> | 10708 | <div class="col-md-12 col-lg-6"> | |||
| 10709 | <div class="wpb_wrapper vc_column-inner"> | 10709 | <div class="wpb_wrapper vc_column-inner"> | |||
| 10710 | <div class="porto-ibanner" style="min-height: 150px;"> | 10710 | <div class="porto-ibanner" style="min-height: 150px;"> | |||
| 10711 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/18/shop18_home_banner1.jpg"}}" /> | 10711 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/18/shop18_home_banner1.jpg"}}" /> | |||
| 10712 | <div class="porto-ibanner-desc no-padding d-flex"> | 10712 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 10713 | <div class="porto-ibanner-layer" style="left: 6%; top: 50%; transform: translateY(-50%);"> | 10713 | <div class="porto-ibanner-layer" style="left: 6%; top: 50%; transform: translateY(-50%);"> | |||
| 10714 | <h4 style="font-size: 2.0625em; line-height: 1; font-weight: 200; letter-spacing: 0.075em;" class="vc_custom_heading mb-0 align-left">Summer Sale</h4> | 10714 | <h4 style="font-size: 2.0625em; line-height: 1; font-weight: 200; letter-spacing: 0.075em;" class="vc_custom_heading mb-0 align-left">Summer Sale</h4> | |||
| 10715 | <h5 style="font-size: 3.0625em; line-height: 1;" class="vc_custom_heading mb-0 align-left">20% OFF</h5> | 10715 | <h5 style="font-size: 3.0625em; line-height: 1;" class="vc_custom_heading mb-0 align-left">20% OFF</h5> | |||
| 10716 | </div> | 10716 | </div> | |||
| 10717 | <div class="porto-ibanner-layer" style="right: 6%; top: 50%; transform: translateY(-50%);"> | 10717 | <div class="porto-ibanner-layer" style="right: 6%; top: 50%; transform: translateY(-50%);"> | |||
| 10718 | <div class="btn-container ls-200 d-inline-block"><button class="btn btn-modern btn-md btn-dark">SHOP NOW</button></div> | 10718 | <div class="btn-container ls-200 d-inline-block"><button class="btn btn-modern btn-md btn-dark">SHOP NOW</button></div> | |||
| 10719 | </div> | 10719 | </div> | |||
| 10720 | </div> | 10720 | </div> | |||
| 10721 | </div> | 10721 | </div> | |||
| 10722 | </div> | 10722 | </div> | |||
| 10723 | </div> | 10723 | </div> | |||
| 10724 | <div class="col-md-12 col-lg-6"> | 10724 | <div class="col-md-12 col-lg-6"> | |||
| 10725 | <div class="wpb_wrapper vc_column-inner"> | 10725 | <div class="wpb_wrapper vc_column-inner"> | |||
| 10726 | <div class="porto-ibanner" style="background: #222529; min-height: 150px;"> | 10726 | <div class="porto-ibanner" style="background: #222529; min-height: 150px;"> | |||
| 10727 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/18/shop18_home_banner2.jpg"}}" /> | 10727 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/18/shop18_home_banner2.jpg"}}" /> | |||
| 10728 | <div class="porto-ibanner-desc no-padding d-flex"> | 10728 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 10729 | <div class="porto-ibanner-layer" style="left: 6%; top: 50%; transform: translateY(-50%);"> | 10729 | <div class="porto-ibanner-layer" style="left: 6%; top: 50%; transform: translateY(-50%);"> | |||
| 10730 | <h4 style="font-size: 2.0625em; line-height: 1; font-weight: 200; letter-spacing: 0.075em;" class="vc_custom_heading mb-0 align-left heading-light">Flash Sale</h4> | 10730 | <h4 style="font-size: 2.0625em; line-height: 1; font-weight: 200; letter-spacing: 0.075em;" class="vc_custom_heading mb-0 align-left heading-light">Flash Sale</h4> | |||
| 10731 | <h5 style="font-size: 3.0625em; line-height: 1;" class="vc_custom_heading mb-0 align-left heading-light">30% OFF</h5> | 10731 | <h5 style="font-size: 3.0625em; line-height: 1;" class="vc_custom_heading mb-0 align-left heading-light">30% OFF</h5> | |||
| 10732 | </div> | 10732 | </div> | |||
| 10733 | <div class="porto-ibanner-layer" style="right: 6%; top: 50%; transform: translateY(-50%);"> | 10733 | <div class="porto-ibanner-layer" style="right: 6%; top: 50%; transform: translateY(-50%);"> | |||
| 10734 | <div class="btn-container ls-200 d-inline-block"><button class="btn btn-modern btn-md btn-light">SHOP NOW</button></div> | 10734 | <div class="btn-container ls-200 d-inline-block"><button class="btn btn-modern btn-md btn-light">SHOP NOW</button></div> | |||
| 10735 | </div> | 10735 | </div> | |||
| 10736 | </div> | 10736 | </div> | |||
| 10737 | </div> | 10737 | </div> | |||
| 10738 | </div> | 10738 | </div> | |||
| 10739 | </div> | 10739 | </div> | |||
| 10740 | </div> | 10740 | </div> | |||
| 10741 | </div> | 10741 | </div> | |||
| 10742 | </div> | 10742 | </div> | |||
| 10743 | </div> | 10743 | </div> | |||
| 10744 | </div> | 10744 | </div> | |||
| 10745 | </div> | 10745 | </div> | |||
| 10746 | <div class="row no-padding"> | 10746 | <div class="row no-padding"> | |||
| 10747 | <div class="col-md-12"> | 10747 | <div class="col-md-12"> | |||
| 10748 | <style> | 10748 | <style> | |||
| 10749 | .porto-ibanner.has-parallax-bg>img { | 10749 | .porto-ibanner.has-parallax-bg>img { | |||
| 10750 | width: 58%; | 10750 | width: 58%; | |||
| 10751 | opacity: 0; | 10751 | opacity: 0; | |||
| 10752 | } | 10752 | } | |||
| 10753 | </style> | 10753 | </style> | |||
| 10754 | <div class="wpb_wrapper vc_column-inner"> | 10754 | <div class="wpb_wrapper vc_column-inner"> | |||
| 10755 | <div class="porto-ibanner mb-0 has-parallax-bg" | 10755 | <div class="porto-ibanner mb-0 has-parallax-bg" | |||
| 10756 | style="background: rgb(17, 17, 17); | 10756 | style="background: rgb(17, 17, 17); | |||
| 10757 | min-height: 200px; | 10757 | min-height: 200px; | |||
| 10758 | position: relative; | 10758 | position: relative; | |||
| 10759 | overflow: hidden; | 10759 | overflow: hidden; | |||
| 10760 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/18/shop18_home_banner3.jpg"}}'); | 10760 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/18/shop18_home_banner3.jpg"}}'); | |||
| 10761 | background-size: cover; | 10761 | background-size: cover; | |||
| 10762 | background-position: 50% 0%;"> | 10762 | background-position: 50% 0%;"> | |||
| 10763 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/18/shop18_home_banner3.jpg"}}" /> | 10763 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/18/shop18_home_banner3.jpg"}}" /> | |||
| 10764 | <div class="porto-ibanner-desc no-padding d-flex"> | 10764 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 10765 | <div class="porto-ibanner-layer" style="width: 80%; left: 50%; top: 50%; transform: translate(-50%, -50%);"> | 10765 | <div class="porto-ibanner-layer" style="width: 80%; left: 50%; top: 50%; transform: translate(-50%, -50%);"> | |||
| 10766 | <div> | 10766 | <div> | |||
| 10767 | <h2 style="font-size: 2.5em; line-height: 1; text-align: center; letter-spacing: -0.025em;" class="vc_custom_heading mb-4 pb-lg-3 text-uppercase heading-light">Explore the best of you</h2> | 10767 | <h2 style="font-size: 2.5em; line-height: 1; text-align: center; letter-spacing: -0.025em;" class="vc_custom_heading mb-4 pb-lg-3 text-uppercase heading-light">Explore the best of you</h2> | |||
| 10768 | <div class="btn-container mb-0 ls-200 text-center"><button class="btn btn-modern btn-md btn-light">Shop Now</button></div> | 10768 | <div class="btn-container mb-0 ls-200 text-center"><button class="btn btn-modern btn-md btn-light">Shop Now</button></div> | |||
| 10769 | </div> | 10769 | </div> | |||
| 10770 | </div> | 10770 | </div> | |||
| 10771 | </div> | 10771 | </div> | |||
| 10772 | </div> | 10772 | </div> | |||
| 10773 | </div> | 10773 | </div> | |||
| 10774 | </div> | 10774 | </div> | |||
| 10775 | </div> | 10775 | </div> | |||
| 10776 | <div class="porto-inner-container" style="padding-top: 4.5rem; padding-bottom: 2.5rem; background-color: #111111;"> | 10776 | <div class="porto-inner-container" style="padding-top: 4.5rem; padding-bottom: 2.5rem; background-color: #111111;"> | |||
| 10777 | <style> | 10777 | <style> | |||
| 10778 | .wpb_wrapper .top-icon .porto-just-icon-wrapper { | 10778 | .wpb_wrapper .top-icon .porto-just-icon-wrapper { | |||
| 10779 | margin-bottom: 2rem; | 10779 | margin-bottom: 2rem; | |||
| 10780 | } | 10780 | } | |||
| 10781 | </style> | 10781 | </style> | |||
| 10782 | <div class="porto-wrap-container container"> | 10782 | <div class="porto-wrap-container container"> | |||
| 10783 | <div class="row no-padding"> | 10783 | <div class="row no-padding"> | |||
| 10784 | <div class="col-sm-6 col-md-6 col-lg-3"> | 10784 | <div class="col-sm-6 col-md-6 col-lg-3"> | |||
| 10785 | <div class="wpb_wrapper vc_column-inner"> | 10785 | <div class="wpb_wrapper vc_column-inner"> | |||
| 10786 | <div class="porto-sicon-box px-3 px-xl-4 style_1 top-icon"> | 10786 | <div class="porto-sicon-box px-3 px-xl-4 style_1 top-icon"> | |||
| 10787 | <div class="porto-sicon-top"> | 10787 | <div class="porto-sicon-top"> | |||
| 10788 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 10788 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 10789 | <div class="porto-icon none" style="color: #ffffff; font-size: 35px; display: inline-block;"><i class="Simple-Line-Icons-earphones-alt"></i></div> | 10789 | <div class="porto-icon none" style="color: #ffffff; font-size: 35px; display: inline-block;"><i class="Simple-Line-Icons-earphones-alt"></i></div> | |||
| 10790 | </div> | 10790 | </div> | |||
| 10791 | </div> | 10791 | </div> | |||
| 10792 | <div class="porto-sicon-header"> | 10792 | <div class="porto-sicon-header"> | |||
| 10793 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1.25rem; line-height: 1.2; color: #ffffff;">CUSTOMER SUPPORT</h3> | 10793 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1.25rem; line-height: 1.2; color: #ffffff;">CUSTOMER SUPPORT</h3> | |||
| 10794 | <p style="font-weight: 600; font-size: 0.875rem; line-height: 1; color: rgba(255, 255, 255, 0.7);">Need Assistence?</p> | 10794 | <p style="font-weight: 600; font-size: 0.875rem; line-height: 1; color: rgba(255, 255, 255, 0.7);">Need Assistence?</p> | |||
| 10795 | </div> | 10795 | </div> | |||
| 10796 | <div class="porto-sicon-description" style="font-size: 0.8125rem; line-height: 1.85;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</div> | 10796 | <div class="porto-sicon-description" style="font-size: 0.8125rem; line-height: 1.85;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</div> | |||
| 10797 | </div> | 10797 | </div> | |||
| 10798 | </div> | 10798 | </div> | |||
| 10799 | </div> | 10799 | </div> | |||
| 10800 | <div class="col-sm-6 col-md-6 col-lg-3"> | 10800 | <div class="col-sm-6 col-md-6 col-lg-3"> | |||
| 10801 | <div class="wpb_wrapper vc_column-inner"> | 10801 | <div class="wpb_wrapper vc_column-inner"> | |||
| 10802 | <div class="porto-sicon-box px-3 px-xl-4 style_1 top-icon"> | 10802 | <div class="porto-sicon-box px-3 px-xl-4 style_1 top-icon"> | |||
| 10803 | <div class="porto-sicon-top"> | 10803 | <div class="porto-sicon-top"> | |||
| 10804 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 10804 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 10805 | <div class="porto-icon none" style="color: #ffffff; font-size: 35px; display: inline-block;"><i class="Simple-Line-Icons-credit-card"></i></div> | 10805 | <div class="porto-icon none" style="color: #ffffff; font-size: 35px; display: inline-block;"><i class="Simple-Line-Icons-credit-card"></i></div> | |||
| 10806 | </div> | 10806 | </div> | |||
| 10807 | </div> | 10807 | </div> | |||
| 10808 | <div class="porto-sicon-header"> | 10808 | <div class="porto-sicon-header"> | |||
| 10809 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1.25rem; line-height: 1.2; color: #ffffff;">SECURED PAYMENT</h3> | 10809 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1.25rem; line-height: 1.2; color: #ffffff;">SECURED PAYMENT</h3> | |||
| 10810 | <p style="font-weight: 600; font-size: 0.875rem; line-height: 1; color: rgba(255, 255, 255, 0.7);">Safe & Fast</p> | 10810 | <p style="font-weight: 600; font-size: 0.875rem; line-height: 1; color: rgba(255, 255, 255, 0.7);">Safe & Fast</p> | |||
| 10811 | </div> | 10811 | </div> | |||
| 10812 | <div class="porto-sicon-description" style="font-size: 0.8125rem; line-height: 1.85;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapibus lacus. Lorem ipsum dolor sit amet.</div> | 10812 | <div class="porto-sicon-description" style="font-size: 0.8125rem; line-height: 1.85;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapibus lacus. Lorem ipsum dolor sit amet.</div> | |||
| 10813 | </div> | 10813 | </div> | |||
| 10814 | </div> | 10814 | </div> | |||
| 10815 | </div> | 10815 | </div> | |||
| 10816 | <div class="col-sm-6 col-md-6 col-lg-3"> | 10816 | <div class="col-sm-6 col-md-6 col-lg-3"> | |||
| 10817 | <div class="wpb_wrapper vc_column-inner"> | 10817 | <div class="wpb_wrapper vc_column-inner"> | |||
| 10818 | <div class="porto-sicon-box px-3 px-xl-4 style_1 top-icon"> | 10818 | <div class="porto-sicon-box px-3 px-xl-4 style_1 top-icon"> | |||
| 10819 | <div class="porto-sicon-top"> | 10819 | <div class="porto-sicon-top"> | |||
| 10820 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 10820 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 10821 | <div class="porto-icon none" style="color: #ffffff; font-size: 35px; display: inline-block;"><i class="Simple-Line-Icons-action-undo"></i></div> | 10821 | <div class="porto-icon none" style="color: #ffffff; font-size: 35px; display: inline-block;"><i class="Simple-Line-Icons-action-undo"></i></div> | |||
| 10822 | </div> | 10822 | </div> | |||
| 10823 | </div> | 10823 | </div> | |||
| 10824 | <div class="porto-sicon-header"> | 10824 | <div class="porto-sicon-header"> | |||
| 10825 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1.25rem; line-height: 1.2; color: #ffffff;">Free Returns</h3> | 10825 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1.25rem; line-height: 1.2; color: #ffffff;">Free Returns</h3> | |||
| 10826 | <p style="font-weight: 600; font-size: 0.875rem; line-height: 1; color: rgba(255, 255, 255, 0.7);">Easy & Free</p> | 10826 | <p style="font-weight: 600; font-size: 0.875rem; line-height: 1; color: rgba(255, 255, 255, 0.7);">Easy & Free</p> | |||
| 10827 | </div> | 10827 | </div> | |||
| 10828 | <div class="porto-sicon-description" style="font-size: 0.8125rem; line-height: 1.85;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</div> | 10828 | <div class="porto-sicon-description" style="font-size: 0.8125rem; line-height: 1.85;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</div> | |||
| 10829 | </div> | 10829 | </div> | |||
| 10830 | </div> | 10830 | </div> | |||
| 10831 | </div> | 10831 | </div> | |||
| 10832 | <div class="col-sm-6 col-md-6 col-lg-3"> | 10832 | <div class="col-sm-6 col-md-6 col-lg-3"> | |||
| 10833 | <div class="wpb_wrapper vc_column-inner"> | 10833 | <div class="wpb_wrapper vc_column-inner"> | |||
| 10834 | <div class="porto-sicon-box px-3 px-xl-4 style_1 top-icon"> | 10834 | <div class="porto-sicon-box px-3 px-xl-4 style_1 top-icon"> | |||
| 10835 | <div class="porto-sicon-top"> | 10835 | <div class="porto-sicon-top"> | |||
| 10836 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 10836 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 10837 | <div class="porto-icon none" style="color: #ffffff; font-size: 35px; display: inline-block;"><i class="porto-icon-shipping"></i></div> | 10837 | <div class="porto-icon none" style="color: #ffffff; font-size: 35px; display: inline-block;"><i class="porto-icon-shipping"></i></div> | |||
| 10838 | </div> | 10838 | </div> | |||
| 10839 | </div> | 10839 | </div> | |||
| 10840 | <div class="porto-sicon-header"> | 10840 | <div class="porto-sicon-header"> | |||
| 10841 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1.25rem; line-height: 1.2; color: #ffffff;">FREE SHIPPING</h3> | 10841 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1.25rem; line-height: 1.2; color: #ffffff;">FREE SHIPPING</h3> | |||
| 10842 | <p style="font-weight: 600; font-size: 0.875rem; line-height: 1; color: rgba(255, 255, 255, 0.7);">Orders Over $99</p> | 10842 | <p style="font-weight: 600; font-size: 0.875rem; line-height: 1; color: rgba(255, 255, 255, 0.7);">Orders Over $99</p> | |||
| 10843 | </div> | 10843 | </div> | |||
| 10844 | <div class="porto-sicon-description" style="font-size: 0.8125rem; line-height: 1.85;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</div> | 10844 | <div class="porto-sicon-description" style="font-size: 0.8125rem; line-height: 1.85;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</div> | |||
| 10845 | </div> | 10845 | </div> | |||
| 10846 | </div> | 10846 | </div> | |||
| 10847 | </div> | 10847 | </div> | |||
| 10848 | </div> | 10848 | </div> | |||
| 10849 | </div> | 10849 | </div> | |||
| 10850 | </div> | 10850 | </div> | |||
| 10851 | <div class="container" style="background-color: #111111;"> | 10851 | <div class="container" style="background-color: #111111;"> | |||
| 10852 | <div class="row"> | 10852 | <div class="row"> | |||
| 10853 | <div class="vc_column_container col-md-12"> | 10853 | <div class="vc_column_container col-md-12"> | |||
| 10854 | <div class="wpb_wrapper vc_column-inner"> | 10854 | <div class="wpb_wrapper vc_column-inner"> | |||
| 10855 | <div class="porto-separator mb-0"><hr class="separator-line align_center solid" style="background-color: #222222;" /></div> | 10855 | <div class="porto-separator mb-0"><hr class="separator-line align_center solid" style="background-color: #222222;" /></div> | |||
| 10856 | </div> | 10856 | </div> | |||
| 10857 | </div> | 10857 | </div> | |||
| 10858 | </div> | 10858 | </div> | |||
| 10859 | </div>]]> | 10859 | </div>]]> | |||
| 10860 | </content> | 10860 | </content> | |||
| 10861 | 10861 | |||||
| 10862 | <is_active> | 10862 | <is_active> | |||
| 10863 | 1 | 10863 | 1 | |||
| 10864 | </is_active> | 10864 | </is_active> | |||
| 10865 | 10865 | |||||
| 10866 | <page_layout> | 10866 | <page_layout> | |||
| 10867 | 1column | 10867 | 1column | |||
| 10868 | </page_layout> | 10868 | </page_layout> | |||
| 10869 | 10869 | |||||
| 10870 | <layout_update_xml> | 10870 | <layout_update_xml> | |||
| 10871 | <![CDATA[]]> | 10871 | <![CDATA[]]> | |||
| 10872 | </layout_update_xml> | 10872 | </layout_update_xml> | |||
| 10873 | 10873 | |||||
| 10874 | </cms_item> | 10874 | </cms_item> | |||
| 10875 | 10875 | |||||
| 10876 | <cms_item> | 10876 | <cms_item> | |||
| 10877 | 10877 | |||||
| 10878 | <title> | 10878 | <title> | |||
| 10879 | Porto - Homepage 19 | 10879 | Porto - Homepage 19 | |||
| 10880 | </title> | 10880 | </title> | |||
| 10881 | 10881 | |||||
| 10882 | <identifier> | 10882 | <identifier> | |||
| 10883 | porto_home_19 | 10883 | porto_home_19 | |||
| 10884 | </identifier> | 10884 | </identifier> | |||
| 10885 | 10885 | |||||
| 10886 | <content> | 10886 | <content> | |||
| 10887 | <![CDATA[<style> | 10887 | <![CDATA[<style> | |||
| 10888 | .layout-fullwidth .page-main { | 10888 | .layout-fullwidth .page-main { | |||
| 10889 | padding-left: 0; | 10889 | padding-left: 0; | |||
| 10890 | padding-right: 0; | 10890 | padding-right: 0; | |||
| 10891 | } | 10891 | } | |||
| 10892 | .home-banner .porto-ibanner>img { | 10892 | .home-banner .porto-ibanner>img { | |||
| 10893 | height: 100%; | 10893 | height: 100%; | |||
| 10894 | } | 10894 | } | |||
| 10895 | .coupon-sale-text { | 10895 | .coupon-sale-text { | |||
| 10896 | padding: .175em .3em; | 10896 | padding: .175em .3em; | |||
| 10897 | position: relative; | 10897 | position: relative; | |||
| 10898 | letter-spacing: 0; | 10898 | letter-spacing: 0; | |||
| 10899 | transform: rotate( | 10899 | transform: rotate( | |||
| 10900 | -1.5deg | 10900 | -1.5deg | |||
| 10901 | ); | 10901 | ); | |||
| 10902 | white-space: nowrap; | 10902 | white-space: nowrap; | |||
| 10903 | } | 10903 | } | |||
| 10904 | sup { | 10904 | sup { | |||
| 10905 | font-size: 54%; | 10905 | font-size: 54%; | |||
| 10906 | } | 10906 | } | |||
| 10907 | .porto-ibanner-layer { | 10907 | .porto-ibanner-layer { | |||
| 10908 | position: absolute; | 10908 | position: absolute; | |||
| 10909 | z-index: 10; | 10909 | z-index: 10; | |||
| 10910 | } | 10910 | } | |||
| 10911 | .pc-max-width-100 { | 10911 | .pc-max-width-100 { | |||
| 10912 | max-width: 85%; | 10912 | max-width: 85%; | |||
| 10913 | } | 10913 | } | |||
| 10914 | .wpb_wrapper .top-icon .porto-just-icon-wrapper { | 10914 | .wpb_wrapper .top-icon .porto-just-icon-wrapper { | |||
| 10915 | margin-bottom: 2rem; | 10915 | margin-bottom: 2rem; | |||
| 10916 | } | 10916 | } | |||
| 10917 | @media (max-width: 480px) { | 10917 | @media (max-width: 480px) { | |||
| 10918 | .home-banner .porto-ibanner-layer { | 10918 | .home-banner .porto-ibanner-layer { | |||
| 10919 | font-size: 7.5px; | 10919 | font-size: 7.5px; | |||
| 10920 | } | 10920 | } | |||
| 10921 | } | 10921 | } | |||
| 10922 | </style> | 10922 | </style> | |||
| 10923 | <div class="row no-padding home-banner"> | 10923 | <div class="row no-padding home-banner"> | |||
| 10924 | <div class="col-md-12"> | 10924 | <div class="col-md-12"> | |||
| 10925 | <div class="wpb_wrapper vc_column-inner"> | 10925 | <div class="wpb_wrapper vc_column-inner"> | |||
| 10926 | <div id="banner-slider-demo-19" class="porto-carousel owl-carousel has-ccols ccols-1 mb-0 home-banner nav-pos-inside nav-style-4 show-nav-hover"> | 10926 | <div id="banner-slider-demo-19" class="porto-carousel owl-carousel has-ccols ccols-1 mb-0 home-banner nav-pos-inside nav-style-4 show-nav-hover"> | |||
| 10927 | <div class="porto-ibanner mb-0" style="background: #ebebeb; min-height: calc(100vh - 50px);"> | 10927 | <div class="porto-ibanner mb-0" style="background: #ebebeb; min-height: calc(100vh - 50px);"> | |||
| 10928 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/19/shop19_home_slide1.jpg"}}" /> | 10928 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/19/shop19_home_slide1.jpg"}}" /> | |||
| 10929 | <div class="porto-ibanner-desc no-padding d-flex"> | 10929 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 10930 | <div class="container"> | 10930 | <div class="container"> | |||
| 10931 | <div class="porto-ibanner-container"> | 10931 | <div class="porto-ibanner-container"> | |||
| 10932 | <div class="porto-ibanner-layer pc-max-width-100" style="left: 8%; top: 50%; transform: translateY(-50%);"> | 10932 | <div class="porto-ibanner-layer pc-max-width-100" style="left: 8%; top: 50%; transform: translateY(-50%);"> | |||
| 10933 | <div class="porto-animation mb-0 overflow-hidden"> | 10933 | <div class="porto-animation mb-0 overflow-hidden"> | |||
| 10934 | <h5 style="font-size: 1.625em; color: rgba(34, 37, 41, 0.7); line-height: 1.1; font-weight: 500; letter-spacing: 0.125em;" class="vc_custom_heading mb-0 align-left"> | 10934 | <h5 style="font-size: 1.625em; color: rgba(34, 37, 41, 0.7); line-height: 1.1; font-weight: 500; letter-spacing: 0.125em;" class="vc_custom_heading mb-0 align-left"> | |||
| 10935 | Find the Boundaries. Push Through! | 10935 | Find the Boundaries. Push Through! | |||
| 10936 | </h5> | 10936 | </h5> | |||
| 10937 | </div> | 10937 | </div> | |||
| 10938 | <h2 style="font-size: 5em; line-height: 1; letter-spacing: 0.1px;" class="vc_custom_heading mb-1 custom-font4 align-left"> | 10938 | <h2 style="font-size: 5em; line-height: 1; letter-spacing: 0.1px;" class="vc_custom_heading mb-1 custom-font4 align-left"> | |||
| 10939 | Smartphones | 10939 | Smartphones | |||
| 10940 | </h2> | 10940 | </h2> | |||
| 10941 | <h3 style="font-size: 7.1875em; line-height: 1; letter-spacing: 0.15em;" class="vc_custom_heading mb-3 align-left"> | 10941 | <h3 style="font-size: 7.1875em; line-height: 1; letter-spacing: 0.15em;" class="vc_custom_heading mb-3 align-left"> | |||
| 10942 | 70% OFF | 10942 | 70% OFF | |||
| 10943 | </h3> | 10943 | </h3> | |||
| 10944 | <h5 style="font-size: 2.25em; line-height: 0.9; letter-spacing: -0.02em;" class="vc_custom_heading mb-2 mr-3 mr-xl-4 coupon-sale-text background-color-secondary pull-right align-left heading-light"> | 10944 | <h5 style="font-size: 2.25em; line-height: 0.9; letter-spacing: -0.02em;" class="vc_custom_heading mb-2 mr-3 mr-xl-4 coupon-sale-text background-color-secondary pull-right align-left heading-light"> | |||
| 10945 | <sup>$</sup>199<sup>99</sup> | 10945 | <sup>$</sup>199<sup>99</sup> | |||
| 10946 | </h5> | 10946 | </h5> | |||
| 10947 | <h5 style="font-size: 1.125em; line-height: 1; letter-spacing: -0.02em;padding-top: .55em;" class="vc_custom_heading mb-4 pull-right mr-3 align-left text-uppercase"> | 10947 | <h5 style="font-size: 1.125em; line-height: 1; letter-spacing: -0.02em;padding-top: .55em;" class="vc_custom_heading mb-4 pull-right mr-3 align-left text-uppercase"> | |||
| 10948 | Starting At | 10948 | Starting At | |||
| 10949 | </h5> | 10949 | </h5> | |||
| 10950 | <div class="btn-container mb-0 d-inline-block"> | 10950 | <div class="btn-container mb-0 d-inline-block"> | |||
| 10951 | <button class="btn btn-modern btn-xl btn-dark">Shop Now!</button> | 10951 | <button class="btn btn-modern btn-xl btn-dark">Shop Now!</button> | |||
| 10952 | </div> | 10952 | </div> | |||
| 10953 | </div> | 10953 | </div> | |||
| 10954 | </div> | 10954 | </div> | |||
| 10955 | </div> | 10955 | </div> | |||
| 10956 | </div> | 10956 | </div> | |||
| 10957 | </div> | 10957 | </div> | |||
| 10958 | <div class="porto-ibanner mb-0" style="background: #ebebeb; min-height: calc(100vh - 50px);"> | 10958 | <div class="porto-ibanner mb-0" style="background: #ebebeb; min-height: calc(100vh - 50px);"> | |||
| 10959 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/19/shop19_home_slide2.jpg"}}" /> | 10959 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/19/shop19_home_slide2.jpg"}}" /> | |||
| 10960 | <div class="porto-ibanner-desc no-padding d-flex"> | 10960 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 10961 | <div class="container"> | 10961 | <div class="container"> | |||
| 10962 | <div class="porto-ibanner-container"> | 10962 | <div class="porto-ibanner-container"> | |||
| 10963 | <div class="porto-ibanner-layer pc-max-width-100" style="right: 8%; top: 50%; transform: translateY(-50%);"> | 10963 | <div class="porto-ibanner-layer pc-max-width-100" style="right: 8%; top: 50%; transform: translateY(-50%);"> | |||
| 10964 | <h5 style="font-size: 1.625em; color: rgba(34, 37, 41, 0.7); line-height: 1.1; font-weight: 500; letter-spacing: 0.22em;" class="vc_custom_heading align-left text-uppercase">It’s the best time of the year!</h5> | 10964 | <h5 style="font-size: 1.625em; color: rgba(34, 37, 41, 0.7); line-height: 1.1; font-weight: 500; letter-spacing: 0.22em;" class="vc_custom_heading align-left text-uppercase">It’s the best time of the year!</h5> | |||
| 10965 | <h2 style="font-size: 4.5em; line-height: 1; letter-spacing: 0.1px;" class="vc_custom_heading mb-1 custom-font4 align-left">Hot Collections</h2> | 10965 | <h2 style="font-size: 4.5em; line-height: 1; letter-spacing: 0.1px;" class="vc_custom_heading mb-1 custom-font4 align-left">Hot Collections</h2> | |||
| 10966 | <h3 style="font-size: 7.1875em; line-height: 1; letter-spacing: 0.15em;" class="vc_custom_heading mb-3 align-left">50% OFF</h3> | 10966 | <h3 style="font-size: 7.1875em; line-height: 1; letter-spacing: 0.15em;" class="vc_custom_heading mb-3 align-left">50% OFF</h3> | |||
| 10967 | <h5 style="font-size: 2.25em; line-height: 0.9; letter-spacing: -0.02em;" class="vc_custom_heading mb-2 mr-3 mr-xl-4 coupon-sale-text background-color-secondary pull-right align-left heading-light"> | 10967 | <h5 style="font-size: 2.25em; line-height: 0.9; letter-spacing: -0.02em;" class="vc_custom_heading mb-2 mr-3 mr-xl-4 coupon-sale-text background-color-secondary pull-right align-left heading-light"> | |||
| 10968 | <sup>$</sup>199<sup>99</sup> | 10968 | <sup>$</sup>199<sup>99</sup> | |||
| 10969 | </h5> | 10969 | </h5> | |||
| 10970 | <h5 style="font-size: 1.125em; line-height: 1; letter-spacing: -0.02em;padding-top: .55em;" class="vc_custom_heading mb-4 pull-right mr-3 align-left text-uppercase">Starting At</h5> | 10970 | <h5 style="font-size: 1.125em; line-height: 1; letter-spacing: -0.02em;padding-top: .55em;" class="vc_custom_heading mb-4 pull-right mr-3 align-left text-uppercase">Starting At</h5> | |||
| 10971 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-xl btn-dark">Shop Now!</button></div> | 10971 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-xl btn-dark">Shop Now!</button></div> | |||
| 10972 | </div> | 10972 | </div> | |||
| 10973 | </div> | 10973 | </div> | |||
| 10974 | </div> | 10974 | </div> | |||
| 10975 | </div> | 10975 | </div> | |||
| 10976 | </div> | 10976 | </div> | |||
| 10977 | </div> | 10977 | </div> | |||
| 10978 | <script type="text/javascript"> | 10978 | <script type="text/javascript"> | |||
| 10979 | require([ | 10979 | require([ | |||
| 10980 | 'jquery', | 10980 | 'jquery', | |||
| 10981 | 'owl.carousel/owl.carousel.min' | 10981 | 'owl.carousel/owl.carousel.min' | |||
| 10982 | ], function ($) { | 10982 | ], function ($) { | |||
| 10983 | $("#banner-slider-demo-19").owlCarousel({ | 10983 | $("#banner-slider-demo-19").owlCarousel({ | |||
| 10984 | items: 1, | 10984 | items: 1, | |||
| 10985 | autoplay: false, | 10985 | autoplay: false, | |||
| 10986 | autoplayTimeout: 5000, | 10986 | autoplayTimeout: 5000, | |||
| 10987 | autoplayHoverPause: true, | 10987 | autoplayHoverPause: true, | |||
| 10988 | dots: false, | 10988 | dots: false, | |||
| 10989 | navRewind: true, | 10989 | navRewind: true, | |||
| 10990 | animateIn: 'fadeIn', | 10990 | animateIn: 'fadeIn', | |||
| 10991 | animateOut: 'fadeOut', | 10991 | animateOut: 'fadeOut', | |||
| 10992 | loop: true, | 10992 | loop: true, | |||
| 10993 | nav: true | 10993 | nav: true | |||
| 10994 | }); | 10994 | }); | |||
| 10995 | }); | 10995 | }); | |||
| 10996 | </script> | 10996 | </script> | |||
| 10997 | </div> | 10997 | </div> | |||
| 10998 | </div> | 10998 | </div> | |||
| 10999 | </div> | 10999 | </div> | |||
| 11000 | <div class="container"> | 11000 | <div class="container"> | |||
| 11001 | 11001 | |||||
| 11002 | {{block class="Smartwave\Porto\Block\Template" template="Smartwave_Megamenu::onepagecategory/onepagecategory.phtml" product_type="3" aspect_ratio="0" image_width="250" image_height="250" lazy_owl="1" columns="{ 0:{items:2},768:{items:3},992:{items:4},1200:{items:6} }" product_count="8"}} | 11002 | {{block class="Smartwave\Porto\Block\Template" template="Smartwave_Megamenu::onepagecategory/onepagecategory.phtml" product_type="3" aspect_ratio="0" image_width="250" image_height="250" lazy_owl="1" columns="{ 0:{items:2},768:{items:3},992:{items:4},1200:{items:6} }" product_count="8"}} | |||
| 11003 | 11003 | |||||
| 11004 | <div class="row mb-5"> | 11004 | <div class="row mb-5"> | |||
| 11005 | <div class="col-sm-6 col-md-6 col-lg-3"> | 11005 | <div class="col-sm-6 col-md-6 col-lg-3"> | |||
| 11006 | <div class="wpb_wrapper vc_column-inner"> | 11006 | <div class="wpb_wrapper vc_column-inner"> | |||
| 11007 | <div class="porto-sicon-box px-3 px-xl-4 style_1 top-icon"> | 11007 | <div class="porto-sicon-box px-3 px-xl-4 style_1 top-icon"> | |||
| 11008 | <div class="porto-sicon-top"> | 11008 | <div class="porto-sicon-top"> | |||
| 11009 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 11009 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 11010 | <div class="porto-icon none" style="color: #222529; font-size: 35px; display: inline-block;"><i class="Simple-Line-Icons-earphones-alt"></i></div> | 11010 | <div class="porto-icon none" style="color: #222529; font-size: 35px; display: inline-block;"><i class="Simple-Line-Icons-earphones-alt"></i></div> | |||
| 11011 | </div> | 11011 | </div> | |||
| 11012 | </div> | 11012 | </div> | |||
| 11013 | <div class="porto-sicon-header"> | 11013 | <div class="porto-sicon-header"> | |||
| 11014 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1.25rem; line-height: 1.2;">CUSTOMER SUPPORT</h3> | 11014 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1.25rem; line-height: 1.2;">CUSTOMER SUPPORT</h3> | |||
| 11015 | <p style="font-weight: 600; font-size: 0.875rem; line-height: 1; color: #555555;">Need Assistence?</p> | 11015 | <p style="font-weight: 600; font-size: 0.875rem; line-height: 1; color: #555555;">Need Assistence?</p> | |||
| 11016 | </div> | 11016 | </div> | |||
| 11017 | <div class="porto-sicon-description" style="font-size: 0.8125rem; line-height: 1.85;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</div> | 11017 | <div class="porto-sicon-description" style="font-size: 0.8125rem; line-height: 1.85;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</div> | |||
| 11018 | </div> | 11018 | </div> | |||
| 11019 | </div> | 11019 | </div> | |||
| 11020 | </div> | 11020 | </div> | |||
| 11021 | <div class="col-sm-6 col-md-6 col-lg-3"> | 11021 | <div class="col-sm-6 col-md-6 col-lg-3"> | |||
| 11022 | <div class="wpb_wrapper vc_column-inner"> | 11022 | <div class="wpb_wrapper vc_column-inner"> | |||
| 11023 | <div class="porto-sicon-box px-3 px-xl-4 style_1 top-icon"> | 11023 | <div class="porto-sicon-box px-3 px-xl-4 style_1 top-icon"> | |||
| 11024 | <div class="porto-sicon-top"> | 11024 | <div class="porto-sicon-top"> | |||
| 11025 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 11025 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 11026 | <div class="porto-icon none" style="color: #222529; font-size: 35px; display: inline-block;"><i class="Simple-Line-Icons-credit-card"></i></div> | 11026 | <div class="porto-icon none" style="color: #222529; font-size: 35px; display: inline-block;"><i class="Simple-Line-Icons-credit-card"></i></div> | |||
| 11027 | </div> | 11027 | </div> | |||
| 11028 | </div> | 11028 | </div> | |||
| 11029 | <div class="porto-sicon-header"> | 11029 | <div class="porto-sicon-header"> | |||
| 11030 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1.25rem; line-height: 1.2;">SECURED PAYMENT</h3> | 11030 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1.25rem; line-height: 1.2;">SECURED PAYMENT</h3> | |||
| 11031 | <p style="font-weight: 600; font-size: 0.875rem; line-height: 1; color: #555555;">Safe & Fast</p> | 11031 | <p style="font-weight: 600; font-size: 0.875rem; line-height: 1; color: #555555;">Safe & Fast</p> | |||
| 11032 | </div> | 11032 | </div> | |||
| 11033 | <div class="porto-sicon-description" style="font-size: 0.8125rem; line-height: 1.85;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapibus lacus. Lorem ipsum dolor sit amet.</div> | 11033 | <div class="porto-sicon-description" style="font-size: 0.8125rem; line-height: 1.85;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapibus lacus. Lorem ipsum dolor sit amet.</div> | |||
| 11034 | </div> | 11034 | </div> | |||
| 11035 | </div> | 11035 | </div> | |||
| 11036 | </div> | 11036 | </div> | |||
| 11037 | <div class="col-sm-6 col-md-6 col-lg-3"> | 11037 | <div class="col-sm-6 col-md-6 col-lg-3"> | |||
| 11038 | <div class="wpb_wrapper vc_column-inner"> | 11038 | <div class="wpb_wrapper vc_column-inner"> | |||
| 11039 | <div class="porto-sicon-box px-3 px-xl-4 style_1 top-icon"> | 11039 | <div class="porto-sicon-box px-3 px-xl-4 style_1 top-icon"> | |||
| 11040 | <div class="porto-sicon-top"> | 11040 | <div class="porto-sicon-top"> | |||
| 11041 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 11041 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 11042 | <div class="porto-icon none" style="color: #222529; font-size: 35px; display: inline-block;"><i class="Simple-Line-Icons-action-undo"></i></div> | 11042 | <div class="porto-icon none" style="color: #222529; font-size: 35px; display: inline-block;"><i class="Simple-Line-Icons-action-undo"></i></div> | |||
| 11043 | </div> | 11043 | </div> | |||
| 11044 | </div> | 11044 | </div> | |||
| 11045 | <div class="porto-sicon-header"> | 11045 | <div class="porto-sicon-header"> | |||
| 11046 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1.25rem; line-height: 1.2;">FREE RETURNS</h3> | 11046 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1.25rem; line-height: 1.2;">FREE RETURNS</h3> | |||
| 11047 | <p style="font-weight: 600; font-size: 0.875rem; line-height: 1; color: #555555;">Easy & Free</p> | 11047 | <p style="font-weight: 600; font-size: 0.875rem; line-height: 1; color: #555555;">Easy & Free</p> | |||
| 11048 | </div> | 11048 | </div> | |||
| 11049 | <div class="porto-sicon-description" style="font-size: 0.8125rem; line-height: 1.85;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</div> | 11049 | <div class="porto-sicon-description" style="font-size: 0.8125rem; line-height: 1.85;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</div> | |||
| 11050 | </div> | 11050 | </div> | |||
| 11051 | </div> | 11051 | </div> | |||
| 11052 | </div> | 11052 | </div> | |||
| 11053 | <div class="col-sm-6 col-md-6 col-lg-3"> | 11053 | <div class="col-sm-6 col-md-6 col-lg-3"> | |||
| 11054 | <div class="wpb_wrapper vc_column-inner"> | 11054 | <div class="wpb_wrapper vc_column-inner"> | |||
| 11055 | <div class="porto-sicon-box px-3 px-xl-4 style_1 top-icon"> | 11055 | <div class="porto-sicon-box px-3 px-xl-4 style_1 top-icon"> | |||
| 11056 | <div class="porto-sicon-top"> | 11056 | <div class="porto-sicon-top"> | |||
| 11057 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 11057 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 11058 | <div class="porto-icon none" style="color: #222529; font-size: 35px; display: inline-block;"><i class="porto-icon-shipping"></i></div> | 11058 | <div class="porto-icon none" style="color: #222529; font-size: 35px; display: inline-block;"><i class="porto-icon-shipping"></i></div> | |||
| 11059 | </div> | 11059 | </div> | |||
| 11060 | </div> | 11060 | </div> | |||
| 11061 | <div class="porto-sicon-header"> | 11061 | <div class="porto-sicon-header"> | |||
| 11062 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1.25rem; line-height: 1.2;">FREE SHIPPING</h3> | 11062 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1.25rem; line-height: 1.2;">FREE SHIPPING</h3> | |||
| 11063 | <p style="font-weight: 600; font-size: 0.875rem; line-height: 1; color: #555555;">Orders Over $99</p> | 11063 | <p style="font-weight: 600; font-size: 0.875rem; line-height: 1; color: #555555;">Orders Over $99</p> | |||
| 11064 | </div> | 11064 | </div> | |||
| 11065 | <div class="porto-sicon-description" style="font-size: 0.8125rem; line-height: 1.85;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</div> | 11065 | <div class="porto-sicon-description" style="font-size: 0.8125rem; line-height: 1.85;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</div> | |||
| 11066 | </div> | 11066 | </div> | |||
| 11067 | </div> | 11067 | </div> | |||
| 11068 | </div> | 11068 | </div> | |||
| 11069 | </div> | 11069 | </div> | |||
| 11070 | 11070 | |||||
| 11071 | </div>]]> | 11071 | </div>]]> | |||
| 11072 | </content> | 11072 | </content> | |||
| 11073 | 11073 | |||||
| 11074 | <is_active> | 11074 | <is_active> | |||
| 11075 | 1 | 11075 | 1 | |||
| 11076 | </is_active> | 11076 | </is_active> | |||
| 11077 | 11077 | |||||
| 11078 | <page_layout> | 11078 | <page_layout> | |||
| 11079 | 1column | 11079 | 1column | |||
| 11080 | </page_layout> | 11080 | </page_layout> | |||
| 11081 | 11081 | |||||
| 11082 | <layout_update_xml> | 11082 | <layout_update_xml> | |||
| 11083 | <![CDATA[]]> | 11083 | <![CDATA[]]> | |||
| 11084 | </layout_update_xml> | 11084 | </layout_update_xml> | |||
| 11085 | 11085 | |||||
| 11086 | </cms_item> | 11086 | </cms_item> | |||
| 11087 | 11087 | |||||
| 11088 | <cms_item> | 11088 | <cms_item> | |||
| 11089 | 11089 | |||||
| 11090 | <title> | 11090 | <title> | |||
| 11091 | Porto - Homepage 20 | 11091 | Porto - Homepage 20 | |||
| 11092 | </title> | 11092 | </title> | |||
| 11093 | 11093 | |||||
| 11094 | <identifier> | 11094 | <identifier> | |||
| 11095 | porto_home_20 | 11095 | porto_home_20 | |||
| 11096 | </identifier> | 11096 | </identifier> | |||
| 11097 | 11097 | |||||
| 11098 | <content> | 11098 | <content> | |||
| 11099 | <![CDATA[<style> | 11099 | <![CDATA[<style> | |||
| 11100 | .columns .column.main { | 11100 | .columns .column.main { | |||
| 11101 | padding-bottom: 0; | 11101 | padding-bottom: 0; | |||
| 11102 | } | 11102 | } | |||
| 11103 | .product-image-photo.default_image { | 11103 | .product-image-photo.default_image { | |||
| 11104 | filter: brightness(1.06); | 11104 | filter: brightness(1.06); | |||
| 11105 | } | 11105 | } | |||
| 11106 | sup { | 11106 | sup { | |||
| 11107 | font-size: 54%; | 11107 | font-size: 54%; | |||
| 11108 | } | 11108 | } | |||
| 11109 | .porto-ibanner-layer { | 11109 | .porto-ibanner-layer { | |||
| 11110 | position: absolute; | 11110 | position: absolute; | |||
| 11111 | } | 11111 | } | |||
| 11112 | .off-text small { | 11112 | .off-text small { | |||
| 11113 | display: inline-block!important; | 11113 | display: inline-block!important; | |||
| 11114 | font-size: 39%!important; | 11114 | font-size: 39%!important; | |||
| 11115 | font-weight: inherit; | 11115 | font-weight: inherit; | |||
| 11116 | transform: rotate( | 11116 | transform: rotate( | |||
| 11117 | -90deg | 11117 | -90deg | |||
| 11118 | ) translateY(-35%); | 11118 | ) translateY(-35%); | |||
| 11119 | } | 11119 | } | |||
| 11120 | .coupon-sale-text { | 11120 | .coupon-sale-text { | |||
| 11121 | padding: 6px 8px; | 11121 | padding: 6px 8px; | |||
| 11122 | position: relative; | 11122 | position: relative; | |||
| 11123 | transform: rotate( | 11123 | transform: rotate( | |||
| 11124 | -1.5deg | 11124 | -1.5deg | |||
| 11125 | ); | 11125 | ); | |||
| 11126 | letter-spacing: 0; | 11126 | letter-spacing: 0; | |||
| 11127 | } | 11127 | } | |||
| 11128 | .coupon-sale-text i { | 11128 | .coupon-sale-text i { | |||
| 11129 | font-style: normal; | 11129 | font-style: normal; | |||
| 11130 | position: absolute; | 11130 | position: absolute; | |||
| 11131 | left: -2.25em; | 11131 | left: -2.25em; | |||
| 11132 | top: 50%; | 11132 | top: 50%; | |||
| 11133 | transform: translateY(-50%) rotate( | 11133 | transform: translateY(-50%) rotate( | |||
| 11134 | -90deg | 11134 | -90deg | |||
| 11135 | ); | 11135 | ); | |||
| 11136 | font-size: .4em; | 11136 | font-size: .4em; | |||
| 11137 | opacity: .6; | 11137 | opacity: .6; | |||
| 11138 | letter-spacing: 0; | 11138 | letter-spacing: 0; | |||
| 11139 | } | 11139 | } | |||
| 11140 | .coupon-sale-text.heading-light i, .coupon-sale-text.heading-light sub { | 11140 | .coupon-sale-text.heading-light i, .coupon-sale-text.heading-light sub { | |||
| 11141 | color: #222529; | 11141 | color: #222529; | |||
| 11142 | } | 11142 | } | |||
| 11143 | .coupon-sale-text sub { | 11143 | .coupon-sale-text sub { | |||
| 11144 | position: absolute; | 11144 | position: absolute; | |||
| 11145 | left: 100%; | 11145 | left: 100%; | |||
| 11146 | padding: 0; | 11146 | padding: 0; | |||
| 11147 | margin-left: .25rem; | 11147 | margin-left: .25rem; | |||
| 11148 | bottom: .3em; | 11148 | bottom: .3em; | |||
| 11149 | font-size: 70%; | 11149 | font-size: 70%; | |||
| 11150 | line-height: 1; | 11150 | line-height: 1; | |||
| 11151 | } | 11151 | } | |||
| 11152 | .porto-ultimate-content-box { | 11152 | .porto-ultimate-content-box { | |||
| 11153 | font-size: inherit; | 11153 | font-size: inherit; | |||
| 11154 | } | 11154 | } | |||
| 11155 | </style> | 11155 | </style> | |||
| 11156 | <div class="container"> | 11156 | <div class="container"> | |||
| 11157 | <div class="row"> | 11157 | <div class="row"> | |||
| 11158 | <div class="col-md-12"> | 11158 | <div class="col-md-12"> | |||
| 11159 | <div class="wpb_wrapper vc_column-inner"> | 11159 | <div class="wpb_wrapper vc_column-inner"> | |||
| 11160 | <div class="porto-grid-container"> | 11160 | <div class="porto-grid-container"> | |||
| 11161 | <style scope="scope"> | 11161 | <style scope="scope"> | |||
| 11162 | .home-main-banners {opacity: 0;} | 11162 | .home-main-banners {opacity: 0;} | |||
| 11163 | .home-main-banners .porto-grid-item { | 11163 | .home-main-banners .porto-grid-item { | |||
| 11164 | padding: 10px; | 11164 | padding: 10px; | |||
| 11165 | } | 11165 | } | |||
| 11166 | .home-main-banners { | 11166 | .home-main-banners { | |||
| 11167 | margin: -10px -10px 10px; | 11167 | margin: -10px -10px 10px; | |||
| 11168 | } | 11168 | } | |||
| 11169 | .porto_products_filter_form select { | 11169 | .porto_products_filter_form select { | |||
| 11170 | height: 2.8125rem; | 11170 | height: 2.8125rem; | |||
| 11171 | margin-bottom: .625rem; | 11171 | margin-bottom: .625rem; | |||
| 11172 | } | 11172 | } | |||
| 11173 | .porto_products_filter_form select:last-of-type { | 11173 | .porto_products_filter_form select:last-of-type { | |||
| 11174 | margin-bottom: 0; | 11174 | margin-bottom: 0; | |||
| 11175 | } | 11175 | } | |||
| 11176 | .porto_products_filter_form .btn-submit { | 11176 | .porto_products_filter_form .btn-submit { | |||
| 11177 | display: none; | 11177 | display: none; | |||
| 11178 | } | 11178 | } | |||
| 11179 | .widget select { | 11179 | .widget select { | |||
| 11180 | max-width: 100%; | 11180 | max-width: 100%; | |||
| 11181 | font-size: .9em; | 11181 | font-size: .9em; | |||
| 11182 | } | 11182 | } | |||
| 11183 | @media (max-width: 767px) { | 11183 | @media (max-width: 767px) { | |||
| 11184 | .home-main-banners { | 11184 | .home-main-banners { | |||
| 11185 | height: auto !important; | 11185 | height: auto !important; | |||
| 11186 | } | 11186 | } | |||
| 11187 | .home-main-banners .porto-grid-item:first-child { | 11187 | .home-main-banners .porto-grid-item:first-child { | |||
| 11188 | margin-top: 0; | 11188 | margin-top: 0; | |||
| 11189 | } | 11189 | } | |||
| 11190 | .home-main-banners .porto-grid-item { | 11190 | .home-main-banners .porto-grid-item { | |||
| 11191 | width: 100% !important; | 11191 | width: 100% !important; | |||
| 11192 | position: static !important; | 11192 | position: static !important; | |||
| 11193 | float: none; | 11193 | float: none; | |||
| 11194 | } | 11194 | } | |||
| 11195 | } | 11195 | } | |||
| 11196 | </style> | 11196 | </style> | |||
| 11197 | <div class="home-main-banners wpb_content_element clearfix" style="position: relative; height: 519px;"> | 11197 | <div class="home-main-banners wpb_content_element clearfix" style="position: relative; height: 519px;"> | |||
| 11198 | <div class="porto-grid-item" style="width: 66.6%;"> | 11198 | <div class="porto-grid-item" style="width: 66.6%;"> | |||
| 11199 | <div class="porto-ibanner mb-0" style="background: #eeeeee; min-height: 464px;"> | 11199 | <div class="porto-ibanner mb-0" style="background: #eeeeee; min-height: 464px;"> | |||
| 11200 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/20/shop20_home_banner1.jpg"}}" /> | 11200 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/20/shop20_home_banner1.jpg"}}" /> | |||
| 11201 | <div class="porto-ibanner-desc no-padding d-flex"> | 11201 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 11202 | <div class="porto-ibanner-layer" style="left: 10%; top: 50%; transform: translateY(-50%);"> | 11202 | <div class="porto-ibanner-layer" style="left: 10%; top: 50%; transform: translateY(-50%);"> | |||
| 11203 | <div> | 11203 | <div> | |||
| 11204 | <h3 style="font-size: 2.625em; color: #777777; line-height: 1; font-weight: 500; letter-spacing: -0.035em;" class="vc_custom_heading mb-1 align-left">Save Big Sale</h3> | 11204 | <h3 style="font-size: 2.625em; color: #777777; line-height: 1; font-weight: 500; letter-spacing: -0.035em;" class="vc_custom_heading mb-1 align-left">Save Big Sale</h3> | |||
| 11205 | <h4 style="font-size: 6.375em; line-height: 1; letter-spacing: 0.03em;margin-left: -0.06em;" class="vc_custom_heading off-text d-flex align-items-center align-left heading-dark">50%<small>OFF</small></h4> | 11205 | <h4 style="font-size: 6.375em; line-height: 1; letter-spacing: 0.03em;margin-left: -0.06em;" class="vc_custom_heading off-text d-flex align-items-center align-left heading-dark">50%<small>OFF</small></h4> | |||
| 11206 | <h5 style="font-size: 1.125em; line-height: 1; letter-spacing: -0.02em;padding-top: .275em;" class="vc_custom_heading pull-left mr-2 align-left heading-dark">STARTING AT</h5> | 11206 | <h5 style="font-size: 1.125em; line-height: 1; letter-spacing: -0.02em;padding-top: .275em;" class="vc_custom_heading pull-left mr-2 align-left heading-dark">STARTING AT</h5> | |||
| 11207 | <h5 style="font-size: 2.375em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading mb-3 align-left heading-primary"><sup>$</sup>199<sup>99</sup></h5> | 11207 | <h5 style="font-size: 2.375em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading mb-3 align-left heading-primary"><sup>$</sup>199<sup>99</sup></h5> | |||
| 11208 | <style> | 11208 | <style> | |||
| 11209 | .heading2082039242 h6 { | 11209 | .heading2082039242 h6 { | |||
| 11210 | border-bottom-color: #777777 !important; | 11210 | border-bottom-color: #777777 !important; | |||
| 11211 | } | 11211 | } | |||
| 11212 | </style> | 11212 | </style> | |||
| 11213 | <div class="vc_custom_heading mb-0 d-inline-block align-left heading heading-border heading-bottom-border heading2082039242"> | 11213 | <div class="vc_custom_heading mb-0 d-inline-block align-left heading heading-border heading-bottom-border heading2082039242"> | |||
| 11214 | <h6 style="font-size: 0.875em; color: #777777; line-height: 0.8; font-weight: 700; letter-spacing: 0.01em;" class="heading-tag"><a href="#">SHOP NOW</a></h6> | 11214 | <h6 style="font-size: 0.875em; color: #777777; line-height: 0.8; font-weight: 700; letter-spacing: 0.01em;" class="heading-tag"><a href="#">SHOP NOW</a></h6> | |||
| 11215 | </div> | 11215 | </div> | |||
| 11216 | </div> | 11216 | </div> | |||
| 11217 | </div> | 11217 | </div> | |||
| 11218 | </div> | 11218 | </div> | |||
| 11219 | </div> | 11219 | </div> | |||
| 11220 | </div> | 11220 | </div> | |||
| 11221 | <div class="porto-grid-item" style="width: 33.3%;"> | 11221 | <div class="porto-grid-item" style="width: 33.3%;"> | |||
| 11222 | <div class="porto-ultimate-content-box-container"> | 11222 | <div class="porto-ultimate-content-box-container"> | |||
| 11223 | <div class="porto-ultimate-content-box has-content-pos justify-content-center" style="background-color: #282828; min-height: 222px;padding-right: 1.8125em;padding-left: 1.8125em;"> | 11223 | <div class="porto-ultimate-content-box has-content-pos justify-content-center" style="background-color: #282828; min-height: 222px;padding-right: 1.8125em;padding-left: 1.8125em;"> | |||
| 11224 | <h3 style="font-size: 1.125rem; line-height: 1; text-align: center; letter-spacing: -0.01em;" class="vc_custom_heading mb-3 text-uppercase heading-light">Find A Product</h3> | 11224 | <h3 style="font-size: 1.125rem; line-height: 1; text-align: center; letter-spacing: -0.01em;" class="vc_custom_heading mb-3 text-uppercase heading-light">Find A Product</h3> | |||
| 11225 | <form action="" method="get" class="porto_products_filter_form widget my-0"> | 11225 | <form action="" method="get" class="porto_products_filter_form widget my-0"> | |||
| 11226 | <select name="product_cat" id="product_cat" class="dropdown_product_cat"> | 11226 | <select name="product_cat" id="product_cat" class="dropdown_product_cat"> | |||
| 11227 | <option value="" selected="selected">Select a category</option> | 11227 | <option value="" selected="selected">Select a category</option> | |||
| 11228 | </select> | 11228 | </select> | |||
| 11229 | <select class="porto_dropdown_product_attributes" name="filter_brand"> | 11229 | <select class="porto_dropdown_product_attributes" name="filter_brand"> | |||
| 11230 | <option value="">By brand</option> | 11230 | <option value="">By brand</option> | |||
| 11231 | </select> | 11231 | </select> | |||
| 11232 | <button type="button" class="btn-submit">Submit</button> | 11232 | <button type="button" class="btn-submit">Submit</button> | |||
| 11233 | </form> | 11233 | </form> | |||
| 11234 | </div> | 11234 | </div> | |||
| 11235 | </div> | 11235 | </div> | |||
| 11236 | </div> | 11236 | </div> | |||
| 11237 | <div class="porto-grid-item" style="width: 33.3%;"> | 11237 | <div class="porto-grid-item" style="width: 33.3%;"> | |||
| 11238 | <div class="porto-ibanner" style="background: #f4f4f4; min-height: 222px;"> | 11238 | <div class="porto-ibanner" style="background: #f4f4f4; min-height: 222px;"> | |||
| 11239 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/20/shop20_home_banner2.jpg"}}" /> | 11239 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/20/shop20_home_banner2.jpg"}}" /> | |||
| 11240 | <div class="porto-ibanner-desc no-padding d-flex"> | 11240 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 11241 | <div class="porto-ibanner-layer text-right" style="right: 10%; top: 50%; transform: translateY(-50%);"> | 11241 | <div class="porto-ibanner-layer text-right" style="right: 10%; top: 50%; transform: translateY(-50%);"> | |||
| 11242 | <h4 style="font-size: 1.5275em; line-height: 1.1; letter-spacing: 0.01em;" class="vc_custom_heading mb-3 align-right"> | 11242 | <h4 style="font-size: 1.5275em; line-height: 1.1; letter-spacing: 0.01em;" class="vc_custom_heading mb-3 align-right"> | |||
| 11243 | ELECTRONIC<br /> | 11243 | ELECTRONIC<br /> | |||
| 11244 | DEALS | 11244 | DEALS | |||
| 11245 | </h4> | 11245 | </h4> | |||
| 11246 | <div class="porto-ultimate-content-box-container d-inline-block text-left"> | 11246 | <div class="porto-ultimate-content-box-container d-inline-block text-left"> | |||
| 11247 | <div class="porto-ultimate-content-box" style="" id="porto_ucb_2958"> | 11247 | <div class="porto-ultimate-content-box" style="" id="porto_ucb_2958"> | |||
| 11248 | <div style="font-size: 0.75em; line-height: 1.4; font-weight: 700; letter-spacing: 0.01em;" class="vc_custom_heading m-b-xs background-color-dark coupon-sale-text align-left heading-light">Exclusive COUPON</div> | 11248 | <div style="font-size: 0.75em; line-height: 1.4; font-weight: 700; letter-spacing: 0.01em;" class="vc_custom_heading m-b-xs background-color-dark coupon-sale-text align-left heading-light">Exclusive COUPON</div> | |||
| 11249 | <div style="font-size: 1.1em; line-height: 0.8; font-weight: 700;" class="vc_custom_heading mb-0 background-color-dark coupon-sale-text d-inline-block align-left heading-light"><i>UP TO</i>$100<sub>OFF</sub></div> | 11249 | <div style="font-size: 1.1em; line-height: 0.8; font-weight: 700;" class="vc_custom_heading mb-0 background-color-dark coupon-sale-text d-inline-block align-left heading-light"><i>UP TO</i>$100<sub>OFF</sub></div> | |||
| 11250 | </div> | 11250 | </div> | |||
| 11251 | </div> | 11251 | </div> | |||
| 11252 | </div> | 11252 | </div> | |||
| 11253 | </div> | 11253 | </div> | |||
| 11254 | </div> | 11254 | </div> | |||
| 11255 | </div> | 11255 | </div> | |||
| 11256 | <div class="grid-col-sizer" style="width: 33.3333%; flex: 0 0 33.3333%;"></div> | 11256 | <div class="grid-col-sizer" style="width: 33.3333%; flex: 0 0 33.3333%;"></div> | |||
| 11257 | </div> | 11257 | </div> | |||
| 11258 | <script type="text/javascript"> | 11258 | <script type="text/javascript"> | |||
| 11259 | require([ | 11259 | require([ | |||
| 11260 | 'jquery', | 11260 | 'jquery', | |||
| 11261 | 'packery' | 11261 | 'packery' | |||
| 11262 | ], function ($, Packery) { | 11262 | ], function ($, Packery) { | |||
| 11263 | $.bridget( 'packery', Packery ); | 11263 | $.bridget( 'packery', Packery ); | |||
| 11264 | var $container = $('.home-main-banners'); | 11264 | var $container = $('.home-main-banners'); | |||
| 11265 | $container.css('opacity', 0); | 11265 | $container.css('opacity', 0); | |||
| 11266 | if ($container.length > 0) { | 11266 | if ($container.length > 0) { | |||
| 11267 | $container.imagesLoaded(function(){ | 11267 | $container.imagesLoaded(function(){ | |||
| 11268 | $container.packery({ | 11268 | $container.packery({ | |||
| 11269 | itemSelector: ".porto-grid-item", | 11269 | itemSelector: ".porto-grid-item", | |||
| 11270 | columnWidth: ".grid-col-sizer", | 11270 | columnWidth: ".grid-col-sizer", | |||
| 11271 | percentPosition: true | 11271 | percentPosition: true | |||
| 11272 | }); | 11272 | }); | |||
| 11273 | }); | 11273 | }); | |||
| 11274 | setTimeout(function(){ | 11274 | setTimeout(function(){ | |||
| 11275 | $container.animate({ | 11275 | $container.animate({ | |||
| 11276 | opacity: 1 | 11276 | opacity: 1 | |||
| 11277 | }, 200); | 11277 | }, 200); | |||
| 11278 | }, 500); | 11278 | }, 500); | |||
| 11279 | } | 11279 | } | |||
| 11280 | }); | 11280 | }); | |||
| 11281 | </script> | 11281 | </script> | |||
| 11282 | </div> | 11282 | </div> | |||
| 11283 | <h2 style="font-size: 1.125rem; line-height: 1.4; text-align: center; letter-spacing: -0.01em;" class="vc_custom_heading mb-3 text-uppercase">Featured Categories</h2> | 11283 | <h2 style="font-size: 1.125rem; line-height: 1.4; text-align: center; letter-spacing: -0.01em;" class="vc_custom_heading mb-3 text-uppercase">Featured Categories</h2> | |||
| 11284 | <style scope="scope"> | 11284 | <style scope="scope"> | |||
| 11285 | .home-banner-2 {opacity: 0;} | 11285 | .home-banner-2 {opacity: 0;} | |||
| 11286 | ul.products li.product-category .thumb-info-title { | 11286 | ul.products li.product-category .thumb-info-title { | |||
| 11287 | width: auto; | 11287 | width: auto; | |||
| 11288 | background: #282828; | 11288 | background: #282828; | |||
| 11289 | padding: .9em 1.4em; | 11289 | padding: .9em 1.4em; | |||
| 11290 | } | 11290 | } | |||
| 11291 | .home-banner-2 li.product-category .thumb-info-wrapper:after { | 11291 | .home-banner-2 li.product-category .thumb-info-wrapper:after { | |||
| 11292 | background-color: rgba(27, 27, 23, 0) !important; | 11292 | background-color: rgba(27, 27, 23, 0) !important; | |||
| 11293 | } | 11293 | } | |||
| 11294 | .home-banner-2 li.product-category:hover .thumb-info-wrapper:after { | 11294 | .home-banner-2 li.product-category:hover .thumb-info-wrapper:after { | |||
| 11295 | background-color: rgba(27, 27, 23, 0.15) !important; | 11295 | background-color: rgba(27, 27, 23, 0.15) !important; | |||
| 11296 | } | 11296 | } | |||
| 11297 | .grid-creative .thumb-info img, .grid-creative li.product-col .product-image img { | 11297 | .grid-creative .thumb-info img, .grid-creative li.product-col .product-image img { | |||
| 11298 | object-fit: cover; | 11298 | object-fit: cover; | |||
| 11299 | width: 100%; | 11299 | width: 100%; | |||
| 11300 | height: 100%; | 11300 | height: 100%; | |||
| 11301 | padding: 0; | 11301 | padding: 0; | |||
| 11302 | } | 11302 | } | |||
| 11303 | ul.products.grid-creative li.product-col { | 11303 | ul.products.grid-creative li.product-col { | |||
| 11304 | padding-bottom: 20px; | 11304 | padding-bottom: 20px; | |||
| 11305 | } | 11305 | } | |||
| 11306 | .grid-creative .portfolio-item, .grid-creative .portfolio-item .thumb-info-wrapper, .grid-creative .portfolio-item .post-image, .grid-creative .thumb-info, .grid-creative .thumb-info .thumb-info-wrapper, .grid-creative .thumb-info .post-image { | 11306 | .grid-creative .portfolio-item, .grid-creative .portfolio-item .thumb-info-wrapper, .grid-creative .portfolio-item .post-image, .grid-creative .thumb-info, .grid-creative .thumb-info .thumb-info-wrapper, .grid-creative .thumb-info .post-image { | |||
| 11307 | height: 100%; | 11307 | height: 100%; | |||
| 11308 | } | 11308 | } | |||
| 11309 | .home-banner-2 .grid-col-1-4 { | 11309 | .home-banner-2 .grid-col-1-4 { | |||
| 11310 | flex: 0 0 25%; | 11310 | flex: 0 0 25%; | |||
| 11311 | width: 25%; | 11311 | width: 25%; | |||
| 11312 | } | 11312 | } | |||
| 11313 | .home-banner-2 .grid-col-1-2 { | 11313 | .home-banner-2 .grid-col-1-2 { | |||
| 11314 | flex: 0 0 50%; | 11314 | flex: 0 0 50%; | |||
| 11315 | width: 50%; | 11315 | width: 50%; | |||
| 11316 | } | 11316 | } | |||
| 11317 | .home-banner-2 .grid-col-1-4 { | 11317 | .home-banner-2 .grid-col-1-4 { | |||
| 11318 | flex: 0 0 25%; | 11318 | flex: 0 0 25%; | |||
| 11319 | width: 25%; | 11319 | width: 25%; | |||
| 11320 | } | 11320 | } | |||
| 11321 | .home-banner-2 .grid-col-1-3 { | 11321 | .home-banner-2 .grid-col-1-3 { | |||
| 11322 | flex: 0 0 33.3333%; | 11322 | flex: 0 0 33.3333%; | |||
| 11323 | width: 33.3333%; | 11323 | width: 33.3333%; | |||
| 11324 | } | 11324 | } | |||
| 11325 | .home-banner-2 .grid-col-5-12 { | 11325 | .home-banner-2 .grid-col-5-12 { | |||
| 11326 | flex: 0 0 41.6666%; | 11326 | flex: 0 0 41.6666%; | |||
| 11327 | width: 41.6666%; | 11327 | width: 41.6666%; | |||
| 11328 | } | 11328 | } | |||
| 11329 | .home-banner-2 .grid-col-sizer { | 11329 | .home-banner-2 .grid-col-sizer { | |||
| 11330 | flex: 0 0 8.3333%; | 11330 | flex: 0 0 8.3333%; | |||
| 11331 | width: 8.3333%; | 11331 | width: 8.3333%; | |||
| 11332 | } | 11332 | } | |||
| 11333 | .home-banner-2 .grid-height-1-2 { | 11333 | .home-banner-2 .grid-height-1-2 { | |||
| 11334 | height: 260px; | 11334 | height: 260px; | |||
| 11335 | } | 11335 | } | |||
| 11336 | @media (max-width: 767px) { | 11336 | @media (max-width: 767px) { | |||
| 11337 | .home-banner-2 .grid-col-md-1-3 { | 11337 | .home-banner-2 .grid-col-md-1-3 { | |||
| 11338 | flex: 0 0 33.3333%; | 11338 | flex: 0 0 33.3333%; | |||
| 11339 | width: 33.3333%; | 11339 | width: 33.3333%; | |||
| 11340 | } | 11340 | } | |||
| 11341 | .home-banner-2 .grid-col-md-2-3 { | 11341 | .home-banner-2 .grid-col-md-2-3 { | |||
| 11342 | flex: 0 0 66.6666%; | 11342 | flex: 0 0 66.6666%; | |||
| 11343 | width: 66.6666%; | 11343 | width: 66.6666%; | |||
| 11344 | } | 11344 | } | |||
| 11345 | .home-banner-2 .grid-col-md-5-12 { | 11345 | .home-banner-2 .grid-col-md-5-12 { | |||
| 11346 | flex: 0 0 41.6666%; | 11346 | flex: 0 0 41.6666%; | |||
| 11347 | width: 41.6666%; | 11347 | width: 41.6666%; | |||
| 11348 | } | 11348 | } | |||
| 11349 | .home-banner-2 .grid-col-md-7-12 { | 11349 | .home-banner-2 .grid-col-md-7-12 { | |||
| 11350 | flex: 0 0 58.3333%; | 11350 | flex: 0 0 58.3333%; | |||
| 11351 | width: 58.3333%; | 11351 | width: 58.3333%; | |||
| 11352 | } | 11352 | } | |||
| 11353 | .home-banner-2 .grid-col-md-2-3 { | 11353 | .home-banner-2 .grid-col-md-2-3 { | |||
| 11354 | flex: 0 0 66.6666%; | 11354 | flex: 0 0 66.6666%; | |||
| 11355 | width: 66.6666%; | 11355 | width: 66.6666%; | |||
| 11356 | } | 11356 | } | |||
| 11357 | .home-banner-2 .grid-col-sizer { | 11357 | .home-banner-2 .grid-col-sizer { | |||
| 11358 | flex: 0 0 8.3333%; | 11358 | flex: 0 0 8.3333%; | |||
| 11359 | width: 8.3333%; | 11359 | width: 8.3333%; | |||
| 11360 | } | 11360 | } | |||
| 11361 | .home-banner-2 .grid-height-1-2 { | 11361 | .home-banner-2 .grid-height-1-2 { | |||
| 11362 | height: 173px; | 11362 | height: 173px; | |||
| 11363 | } | 11363 | } | |||
| 11364 | } | 11364 | } | |||
| 11365 | @media (max-width: 480px) { | 11365 | @media (max-width: 480px) { | |||
| 11366 | .home-banner-2 .product-col { | 11366 | .home-banner-2 .product-col { | |||
| 11367 | flex: 0 0 100%; | 11367 | flex: 0 0 100%; | |||
| 11368 | width: 100%; | 11368 | width: 100%; | |||
| 11369 | } | 11369 | } | |||
| 11370 | } | 11370 | } | |||
| 11371 | </style> | 11371 | </style> | |||
| 11372 | <style> | 11372 | <style> | |||
| 11373 | .home-banner-2 li.product-category .thumb-info-wrapper:after { | 11373 | .home-banner-2 li.product-category .thumb-info-wrapper:after { | |||
| 11374 | background-color: rgba(27, 27, 23, 0); | 11374 | background-color: rgba(27, 27, 23, 0); | |||
| 11375 | } | 11375 | } | |||
| 11376 | .home-banner-2 li.product-category:hover .thumb-info-wrapper:after { | 11376 | .home-banner-2 li.product-category:hover .thumb-info-wrapper:after { | |||
| 11377 | background-color: rgba(27, 27, 23, 0.15); | 11377 | background-color: rgba(27, 27, 23, 0.15); | |||
| 11378 | } | 11378 | } | |||
| 11379 | </style> | 11379 | </style> | |||
| 11380 | <div class="home-banner-2 porto-products wpb_content_element mb-5 hide-count"> | 11380 | <div class="home-banner-2 porto-products wpb_content_element mb-5 hide-count"> | |||
| 11381 | <div class="columns-4"> | 11381 | <div class="columns-4"> | |||
| 11382 | <ul class="products products-container grid-creative category-pos-bottom category-text-left show-nav-middle is-shortcode" style="position: relative; height: 520px;"> | 11382 | <ul class="products products-container grid-creative category-pos-bottom category-text-left show-nav-middle is-shortcode" style="position: relative; height: 520px;"> | |||
| 11383 | <li class="product-category product-col grid-col-1-4 grid-col-md-1-3 grid-height-1-2"> | 11383 | <li class="product-category product-col grid-col-1-4 grid-col-md-1-3 grid-height-1-2"> | |||
| 11384 | <a href="#"> | 11384 | <a href="#"> | |||
| 11385 | <span class="thumb-info align-center"> | 11385 | <span class="thumb-info align-center"> | |||
| 11386 | <span class="thumb-info-wrapper tf-none"> | 11386 | <span class="thumb-info-wrapper tf-none"> | |||
| 11387 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/20/shop20_cat1.jpg"}}" /> | 11387 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/20/shop20_cat1.jpg"}}" /> | |||
| 11388 | </span> | 11388 | </span> | |||
| 11389 | <span class="thumb-info-wrap"> | 11389 | <span class="thumb-info-wrap"> | |||
| 11390 | <span class="thumb-info-title"> | 11390 | <span class="thumb-info-title"> | |||
| 11391 | <h3 class="sub-title thumb-info-inner">Fashion</h3> | 11391 | <h3 class="sub-title thumb-info-inner">Fashion</h3> | |||
| 11392 | <span class="thumb-info-type"> <mark class="count">3</mark> Products </span> | 11392 | <span class="thumb-info-type"> <mark class="count">3</mark> Products </span> | |||
| 11393 | </span> | 11393 | </span> | |||
| 11394 | </span> | 11394 | </span> | |||
| 11395 | </span> | 11395 | </span> | |||
| 11396 | </a> | 11396 | </a> | |||
| 11397 | </li> | 11397 | </li> | |||
| 11398 | <li class="product-category product-col grid-col-1-2 grid-col-md-2-3 grid-height-1-2"> | 11398 | <li class="product-category product-col grid-col-1-2 grid-col-md-2-3 grid-height-1-2"> | |||
| 11399 | <a href=""> | 11399 | <a href=""> | |||
| 11400 | <span class="thumb-info align-center"> | 11400 | <span class="thumb-info align-center"> | |||
| 11401 | <span class="thumb-info-wrapper tf-none"> | 11401 | <span class="thumb-info-wrapper tf-none"> | |||
| 11402 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/20/shop20_cat2.jpg"}}" /> | 11402 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/20/shop20_cat2.jpg"}}" /> | |||
| 11403 | </span> | 11403 | </span> | |||
| 11404 | <span class="thumb-info-wrap"> | 11404 | <span class="thumb-info-wrap"> | |||
| 11405 | <span class="thumb-info-title"><h3 class="sub-title thumb-info-inner">Furniture</h3> </span> | 11405 | <span class="thumb-info-title"><h3 class="sub-title thumb-info-inner">Furniture</h3> </span> | |||
| 11406 | </span> | 11406 | </span> | |||
| 11407 | </span> | 11407 | </span> | |||
| 11408 | </a> | 11408 | </a> | |||
| 11409 | </li> | 11409 | </li> | |||
| 11410 | <li class="product-category product-col grid-col-1-4 grid-col-md-5-12 grid-height-1-2"> | 11410 | <li class="product-category product-col grid-col-1-4 grid-col-md-5-12 grid-height-1-2"> | |||
| 11411 | <a href="#"> | 11411 | <a href="#"> | |||
| 11412 | <span class="thumb-info align-center"> | 11412 | <span class="thumb-info align-center"> | |||
| 11413 | <span class="thumb-info-wrapper tf-none"> | 11413 | <span class="thumb-info-wrapper tf-none"> | |||
| 11414 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/20/shop20_cat3.jpg"}}" /> | 11414 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/20/shop20_cat3.jpg"}}" /> | |||
| 11415 | </span> | 11415 | </span> | |||
| 11416 | <span class="thumb-info-wrap"> | 11416 | <span class="thumb-info-wrap"> | |||
| 11417 | <span class="thumb-info-title"> | 11417 | <span class="thumb-info-title"> | |||
| 11418 | <h3 class="sub-title thumb-info-inner">Decore</h3> | 11418 | <h3 class="sub-title thumb-info-inner">Decore</h3> | |||
| 11419 | <span class="thumb-info-type"> <mark class="count">1</mark> Products </span> | 11419 | <span class="thumb-info-type"> <mark class="count">1</mark> Products </span> | |||
| 11420 | </span> | 11420 | </span> | |||
| 11421 | </span> | 11421 | </span> | |||
| 11422 | </span> | 11422 | </span> | |||
| 11423 | </a> | 11423 | </a> | |||
| 11424 | </li> | 11424 | </li> | |||
| 11425 | <li class="product-category product-col grid-col-1-3 grid-col-md-7-12 grid-height-1-2"> | 11425 | <li class="product-category product-col grid-col-1-3 grid-col-md-7-12 grid-height-1-2"> | |||
| 11426 | <a href=""> | 11426 | <a href=""> | |||
| 11427 | <span class="thumb-info align-center"> | 11427 | <span class="thumb-info align-center"> | |||
| 11428 | <span class="thumb-info-wrapper tf-none"> | 11428 | <span class="thumb-info-wrapper tf-none"> | |||
| 11429 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/20/shop20_cat4.jpg"}}" /> | 11429 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/20/shop20_cat4.jpg"}}" /> | |||
| 11430 | </span> | 11430 | </span> | |||
| 11431 | <span class="thumb-info-wrap"> | 11431 | <span class="thumb-info-wrap"> | |||
| 11432 | <span class="thumb-info-title"> | 11432 | <span class="thumb-info-title"> | |||
| 11433 | <h3 class="sub-title thumb-info-inner">Accessories</h3> | 11433 | <h3 class="sub-title thumb-info-inner">Accessories</h3> | |||
| 11434 | <span class="thumb-info-type"> <mark class="count">3</mark> Products </span> | 11434 | <span class="thumb-info-type"> <mark class="count">3</mark> Products </span> | |||
| 11435 | </span> | 11435 | </span> | |||
| 11436 | </span> | 11436 | </span> | |||
| 11437 | </span> | 11437 | </span> | |||
| 11438 | </a> | 11438 | </a> | |||
| 11439 | </li> | 11439 | </li> | |||
| 11440 | <li class="product-category product-col grid-col-1-4 grid-col-md-1-3 grid-height-1-2"> | 11440 | <li class="product-category product-col grid-col-1-4 grid-col-md-1-3 grid-height-1-2"> | |||
| 11441 | <a href="#"> | 11441 | <a href="#"> | |||
| 11442 | <span class="thumb-info align-center"> | 11442 | <span class="thumb-info align-center"> | |||
| 11443 | <span class="thumb-info-wrapper tf-none"> | 11443 | <span class="thumb-info-wrapper tf-none"> | |||
| 11444 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/20/shop20_cat5.jpg"}}" /> | 11444 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/20/shop20_cat5.jpg"}}" /> | |||
| 11445 | </span> | 11445 | </span> | |||
| 11446 | <span class="thumb-info-wrap"> | 11446 | <span class="thumb-info-wrap"> | |||
| 11447 | <span class="thumb-info-title"><h3 class="sub-title thumb-info-inner">Mobile</h3> </span> | 11447 | <span class="thumb-info-title"><h3 class="sub-title thumb-info-inner">Mobile</h3> </span> | |||
| 11448 | </span> | 11448 | </span> | |||
| 11449 | </span> | 11449 | </span> | |||
| 11450 | </a> | 11450 | </a> | |||
| 11451 | </li> | 11451 | </li> | |||
| 11452 | <li class="product-category product-col grid-col-5-12 grid-col-md-2-3 grid-height-1-2"> | 11452 | <li class="product-category product-col grid-col-5-12 grid-col-md-2-3 grid-height-1-2"> | |||
| 11453 | <a href="#"> | 11453 | <a href="#"> | |||
| 11454 | <span class="thumb-info align-center"> | 11454 | <span class="thumb-info align-center"> | |||
| 11455 | <span class="thumb-info-wrapper tf-none"> | 11455 | <span class="thumb-info-wrapper tf-none"> | |||
| 11456 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/20/shop20_cat6.jpg"}}" /> | 11456 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/20/shop20_cat6.jpg"}}" /> | |||
| 11457 | </span> | 11457 | </span> | |||
| 11458 | <span class="thumb-info-wrap"> | 11458 | <span class="thumb-info-wrap"> | |||
| 11459 | <span class="thumb-info-title"> | 11459 | <span class="thumb-info-title"> | |||
| 11460 | <h3 class="sub-title thumb-info-inner">Footwear</h3> | 11460 | <h3 class="sub-title thumb-info-inner">Footwear</h3> | |||
| 11461 | <span class="thumb-info-type"> <mark class="count">6</mark> Products </span> | 11461 | <span class="thumb-info-type"> <mark class="count">6</mark> Products </span> | |||
| 11462 | </span> | 11462 | </span> | |||
| 11463 | </span> | 11463 | </span> | |||
| 11464 | </span> | 11464 | </span> | |||
| 11465 | </a> | 11465 | </a> | |||
| 11466 | </li> | 11466 | </li> | |||
| 11467 | <li class="grid-col-sizer"></li> | 11467 | <li class="grid-col-sizer"></li> | |||
| 11468 | </ul> | 11468 | </ul> | |||
| 11469 | </div> | 11469 | </div> | |||
| 11470 | </div> | 11470 | </div> | |||
| 11471 | <script type="text/javascript"> | 11471 | <script type="text/javascript"> | |||
| 11472 | require([ | 11472 | require([ | |||
| 11473 | 'jquery', | 11473 | 'jquery', | |||
| 11474 | 'packery' | 11474 | 'packery' | |||
| 11475 | ], function ($, Packery) { | 11475 | ], function ($, Packery) { | |||
| 11476 | $.bridget( 'packery', Packery ); | 11476 | $.bridget( 'packery', Packery ); | |||
| 11477 | var $container = $('.home-banner-2'); | 11477 | var $container = $('.home-banner-2'); | |||
| 11478 | $container.css('opacity', 0); | 11478 | $container.css('opacity', 0); | |||
| 11479 | if ($container.length > 0) { | 11479 | if ($container.length > 0) { | |||
| 11480 | $container.imagesLoaded(function(){ | 11480 | $container.imagesLoaded(function(){ | |||
| 11481 | $container.packery({ | 11481 | $container.packery({ | |||
| 11482 | itemSelector: ".product-col", | 11482 | itemSelector: ".product-col", | |||
| 11483 | columnWidth: ".grid-col-sizer", | 11483 | columnWidth: ".grid-col-sizer", | |||
| 11484 | percentPosition: true | 11484 | percentPosition: true | |||
| 11485 | }); | 11485 | }); | |||
| 11486 | }); | 11486 | }); | |||
| 11487 | setTimeout(function(){ | 11487 | setTimeout(function(){ | |||
| 11488 | $container.animate({ | 11488 | $container.animate({ | |||
| 11489 | opacity: 1 | 11489 | opacity: 1 | |||
| 11490 | }, 200); | 11490 | }, 200); | |||
| 11491 | }, 500); | 11491 | }, 500); | |||
| 11492 | } | 11492 | } | |||
| 11493 | }); | 11493 | }); | |||
| 11494 | </script> | 11494 | </script> | |||
| 11495 | </div> | 11495 | </div> | |||
| 11496 | </div> | 11496 | </div> | |||
| 11497 | </div> | 11497 | </div> | |||
| 11498 | </div> | 11498 | </div> | |||
| 11499 | <div class="porto-inner-container" style="padding-top: 3.75rem; padding-bottom: 2.75rem; background-color: #eeeeee;"> | 11499 | <div class="porto-inner-container" style="padding-top: 3.75rem; padding-bottom: 2.75rem; background-color: #eeeeee;"> | |||
| 11500 | <div class="container"> | 11500 | <div class="container"> | |||
| 11501 | <div class="row"> | 11501 | <div class="row"> | |||
| 11502 | <div class="col-md-12"> | 11502 | <div class="col-md-12"> | |||
| 11503 | <div class="wpb_wrapper vc_column-inner"> | 11503 | <div class="wpb_wrapper vc_column-inner"> | |||
| 11504 | <h2 style="font-size: 1.125rem; line-height: 1.4; text-align: center; letter-spacing: -0.01em;" class="vc_custom_heading mb-3 text-uppercase">Featured Products</h2> | 11504 | <h2 style="font-size: 1.125rem; line-height: 1.4; text-align: center; letter-spacing: -0.01em;" class="vc_custom_heading mb-3 text-uppercase">Featured Products</h2> | |||
| 11505 | <div id="featured-products" class="porto-products wpb_content_element mb-0 section-product-light"> | 11505 | <div id="featured-products" class="porto-products wpb_content_element mb-0 section-product-light"> | |||
| 11506 | <div class="slider-wrapper"> | 11506 | <div class="slider-wrapper"> | |||
| 11507 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_type="3" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1" product_count="10" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | 11507 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_type="3" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1" product_count="10" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||
| 11508 | <script type="text/javascript"> | 11508 | <script type="text/javascript"> | |||
| 11509 | require([ | 11509 | require([ | |||
| 11510 | 'jquery', | 11510 | 'jquery', | |||
| 11511 | 'owl.carousel/owl.carousel.min' | 11511 | 'owl.carousel/owl.carousel.min' | |||
| 11512 | ], function ($) { | 11512 | ], function ($) { | |||
| 11513 | $("#featured-products .owl-carousel").owlCarousel({ | 11513 | $("#featured-products .owl-carousel").owlCarousel({ | |||
| 11514 | autoplay: false, | 11514 | autoplay: false, | |||
| 11515 | autoplayTimeout: 5000, | 11515 | autoplayTimeout: 5000, | |||
| 11516 | autoplayHoverPause: true, | 11516 | autoplayHoverPause: true, | |||
| 11517 | loop: true, | 11517 | loop: true, | |||
| 11518 | navRewind: true, | 11518 | navRewind: true, | |||
| 11519 | lazyLoad:true, | 11519 | lazyLoad:true, | |||
| 11520 | margin: 0, | 11520 | margin: 0, | |||
| 11521 | nav: true, | 11521 | nav: true, | |||
| 11522 | dots: false, | 11522 | dots: false, | |||
| 11523 | responsive: { | 11523 | responsive: { | |||
| 11524 | 0: { | 11524 | 0: { | |||
| 11525 | items:2 | 11525 | items:2 | |||
| 11526 | }, | 11526 | }, | |||
| 11527 | 640: { | 11527 | 640: { | |||
| 11528 | items:2 | 11528 | items:2 | |||
| 11529 | }, | 11529 | }, | |||
| 11530 | 768: { | 11530 | 768: { | |||
| 11531 | items:2 | 11531 | items:2 | |||
| 11532 | }, | 11532 | }, | |||
| 11533 | 992: { | 11533 | 992: { | |||
| 11534 | items:3 | 11534 | items:3 | |||
| 11535 | }, | 11535 | }, | |||
| 11536 | 1200: { | 11536 | 1200: { | |||
| 11537 | items:4 | 11537 | items:4 | |||
| 11538 | } | 11538 | } | |||
| 11539 | } | 11539 | } | |||
| 11540 | }); | 11540 | }); | |||
| 11541 | }); | 11541 | }); | |||
| 11542 | </script> | 11542 | </script> | |||
| 11543 | </div> | 11543 | </div> | |||
| 11544 | </div> | 11544 | </div> | |||
| 11545 | </div> | 11545 | </div> | |||
| 11546 | </div> | 11546 | </div> | |||
| 11547 | </div> | 11547 | </div> | |||
| 11548 | </div> | 11548 | </div> | |||
| 11549 | </div> | 11549 | </div> | |||
| 11550 | <div class="vc_row wpb_row porto-inner-container" style="padding-top: 3.25rem;"> | 11550 | <div class="vc_row wpb_row porto-inner-container" style="padding-top: 3.25rem;"> | |||
| 11551 | <div class="porto-wrap-container container"> | 11551 | <div class="porto-wrap-container container"> | |||
| 11552 | <div class="row"> | 11552 | <div class="row"> | |||
| 11553 | <div class="vc_column_container col-md-12"> | 11553 | <div class="vc_column_container col-md-12"> | |||
| 11554 | <div class="wpb_wrapper vc_column-inner"> | 11554 | <div class="wpb_wrapper vc_column-inner"> | |||
| 11555 | <h2 style="font-size: 1.125rem; line-height: 1.4; text-align: center; letter-spacing: -0.01em;" class="vc_custom_heading mb-4 text-uppercase">Offers and Deals</h2> | 11555 | <h2 style="font-size: 1.125rem; line-height: 1.4; text-align: center; letter-spacing: -0.01em;" class="vc_custom_heading mb-4 text-uppercase">Offers and Deals</h2> | |||
| 11556 | <div class="vc_row wpb_row vc_inner row home-banner"> | 11556 | <div class="vc_row wpb_row vc_inner row home-banner"> | |||
| 11557 | <div class="vc_column_container col-md-6"> | 11557 | <div class="vc_column_container col-md-6"> | |||
| 11558 | <div class="wpb_wrapper vc_column-inner"> | 11558 | <div class="wpb_wrapper vc_column-inner"> | |||
| 11559 | <div id="interactive-banner-wrap-3045" class="porto-ibanner m-b-md" style="border: 1.5625rem solid #eee;"> | 11559 | <div id="interactive-banner-wrap-3045" class="porto-ibanner m-b-md" style="border: 1.5625rem solid #eee;"> | |||
| 11560 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/20/shop20_home_banner4.jpg"}}" /> | 11560 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/20/shop20_home_banner4.jpg"}}" /> | |||
| 11561 | <div class="porto-ibanner-desc no-padding d-flex"> | 11561 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 11562 | <div class="porto-ibanner-layer" style="left: 5%; top: 50%; transform: translateY(-50%);"> | 11562 | <div class="porto-ibanner-layer" style="left: 5%; top: 50%; transform: translateY(-50%);"> | |||
| 11563 | <h3 style="font-size: 1.875em; line-height: 1;" class="vc_custom_heading custom-font4 mb-1 align-left heading-dark">Exclusive Shoes</h3> | 11563 | <h3 style="font-size: 1.875em; line-height: 1;" class="vc_custom_heading custom-font4 mb-1 align-left heading-dark">Exclusive Shoes</h3> | |||
| 11564 | <h4 style="font-size: 2.5em; line-height: 1;" class="vc_custom_heading mb-5 vc_custom_1580092760619 align-left heading-dark">50% OFF</h4> | 11564 | <h4 style="font-size: 2.5em; line-height: 1;" class="vc_custom_heading mb-5 vc_custom_1580092760619 align-left heading-dark">50% OFF</h4> | |||
| 11565 | <style> | 11565 | <style> | |||
| 11566 | .heading502638983 h6 { | 11566 | .heading502638983 h6 { | |||
| 11567 | border-bottom-color: #777777 !important; | 11567 | border-bottom-color: #777777 !important; | |||
| 11568 | } | 11568 | } | |||
| 11569 | </style> | 11569 | </style> | |||
| 11570 | <div class="vc_custom_heading mb-0 d-inline-block align-left heading heading-border heading-bottom-border heading502638983"> | 11570 | <div class="vc_custom_heading mb-0 d-inline-block align-left heading heading-border heading-bottom-border heading502638983"> | |||
| 11571 | <h6 style="font-size: 0.875em; color: #777777; line-height: 0.8; font-weight: 700; letter-spacing: 0.01em;" class="heading-tag"><a href="#">SHOP NOW</a></h6> | 11571 | <h6 style="font-size: 0.875em; color: #777777; line-height: 0.8; font-weight: 700; letter-spacing: 0.01em;" class="heading-tag"><a href="#">SHOP NOW</a></h6> | |||
| 11572 | </div> | 11572 | </div> | |||
| 11573 | </div> | 11573 | </div> | |||
| 11574 | <div class="porto-ibanner-layer" style="right: 3%; top: 4%;"> | 11574 | <div class="porto-ibanner-layer" style="right: 3%; top: 4%;"> | |||
| 11575 | <div class="wpb_single_image wpb_content_element vc_align_left mb-0 brand-logo"> | 11575 | <div class="wpb_single_image wpb_content_element vc_align_left mb-0 brand-logo"> | |||
| 11576 | <div class="wpb_wrapper"> | 11576 | <div class="wpb_wrapper"> | |||
| 11577 | <div class="vc_single_image-wrapper vc_box_border_grey"> | 11577 | <div class="vc_single_image-wrapper vc_box_border_grey"> | |||
| 11578 | <img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand3.png"}}" /> | 11578 | <img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand3.png"}}" /> | |||
| 11579 | </div> | 11579 | </div> | |||
| 11580 | </div> | 11580 | </div> | |||
| 11581 | </div> | 11581 | </div> | |||
| 11582 | </div> | 11582 | </div> | |||
| 11583 | </div> | 11583 | </div> | |||
| 11584 | </div> | 11584 | </div> | |||
| 11585 | </div> | 11585 | </div> | |||
| 11586 | </div> | 11586 | </div> | |||
| 11587 | <div class="vc_column_container col-md-6"> | 11587 | <div class="vc_column_container col-md-6"> | |||
| 11588 | <div class="wpb_wrapper vc_column-inner"> | 11588 | <div class="wpb_wrapper vc_column-inner"> | |||
| 11589 | <div id="interactive-banner-wrap-7799" class="porto-ibanner m-b-md" style="background: #eeeeee;"> | 11589 | <div id="interactive-banner-wrap-7799" class="porto-ibanner m-b-md" style="background: #eeeeee;"> | |||
| 11590 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/20/shop20_home_banner5.jpg"}}" /> | 11590 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/20/shop20_home_banner5.jpg"}}" /> | |||
| 11591 | <div class="porto-ibanner-desc no-padding d-flex"> | 11591 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 11592 | <div class="porto-ibanner-layer text-center" style="right: 6%; top: 50%; transform: translateY(-50%);"> | 11592 | <div class="porto-ibanner-layer text-center" style="right: 6%; top: 50%; transform: translateY(-50%);"> | |||
| 11593 | <style> | 11593 | <style> | |||
| 11594 | .heading1688041708 .heading-tag:before, | 11594 | .heading1688041708 .heading-tag:before, | |||
| 11595 | .heading1688041708 .heading-tag:after { | 11595 | .heading1688041708 .heading-tag:after { | |||
| 11596 | border-top-color: #dcdedf !important; | 11596 | border-top-color: #dcdedf !important; | |||
| 11597 | } | 11597 | } | |||
| 11598 | </style> | 11598 | </style> | |||
| 11599 | <div class="vc_custom_heading mb-2 heading heading-border heading-middle-border heading-middle-border-center heading1688041708"> | 11599 | <div class="vc_custom_heading mb-2 heading heading-border heading-middle-border heading-middle-border-center heading1688041708"> | |||
| 11600 | <h6 style="font-size: 0.9em; line-height: 1; text-align: center; letter-spacing: 0.2em;" class="heading-tag heading-dark text-uppercase">Amazing</h6> | 11600 | <h6 style="font-size: 0.9em; line-height: 1; text-align: center; letter-spacing: 0.2em;" class="heading-tag heading-dark text-uppercase">Amazing</h6> | |||
| 11601 | </div> | 11601 | </div> | |||
| 11602 | <style> | 11602 | <style> | |||
| 11603 | .heading185629404 h3 { | 11603 | .heading185629404 h3 { | |||
| 11604 | border-bottom-color: #dcdedf !important; | 11604 | border-bottom-color: #dcdedf !important; | |||
| 11605 | } | 11605 | } | |||
| 11606 | </style> | 11606 | </style> | |||
| 11607 | <div class="vc_custom_heading mb-3 heading heading-border heading-bottom-border heading-border-xs heading185629404"> | 11607 | <div class="vc_custom_heading mb-3 heading heading-border heading-bottom-border heading-border-xs heading185629404"> | |||
| 11608 | <h3 style="font-size: 2.0375em; line-height: 1; text-align: center; letter-spacing: -0.01em;" class="heading-tag text-uppercase">Collection</h3> | 11608 | <h3 style="font-size: 2.0375em; line-height: 1; text-align: center; letter-spacing: -0.01em;" class="heading-tag text-uppercase">Collection</h3> | |||
| 11609 | </div> | 11609 | </div> | |||
| 11610 | <h5 style="font-size: 0.9em; color: rgba(34, 37, 41, 0.7); line-height: 1; font-weight: 500; letter-spacing: 0.2em;" class="vc_custom_heading px-2 vc_custom_1580093496782 align-left text-uppercase"> | 11610 | <h5 style="font-size: 0.9em; color: rgba(34, 37, 41, 0.7); line-height: 1; font-weight: 500; letter-spacing: 0.2em;" class="vc_custom_heading px-2 vc_custom_1580093496782 align-left text-uppercase"> | |||
| 11611 | Check our discountS | 11611 | Check our discountS | |||
| 11612 | </h5> | 11612 | </h5> | |||
| 11613 | <style> | 11613 | <style> | |||
| 11614 | .heading1944545504 h6 { | 11614 | .heading1944545504 h6 { | |||
| 11615 | border-bottom-color: #777777 !important; | 11615 | border-bottom-color: #777777 !important; | |||
| 11616 | } | 11616 | } | |||
| 11617 | </style> | 11617 | </style> | |||
| 11618 | <div class="vc_custom_heading mb-0 d-inline-block align-left heading heading-border heading-bottom-border heading1944545504"> | 11618 | <div class="vc_custom_heading mb-0 d-inline-block align-left heading heading-border heading-bottom-border heading1944545504"> | |||
| 11619 | <h6 style="font-size: 0.875em; color: #777777; line-height: 0.8; font-weight: 700; letter-spacing: 0.01em;" class="heading-tag"><a href="#">SHOP NOW</a></h6> | 11619 | <h6 style="font-size: 0.875em; color: #777777; line-height: 0.8; font-weight: 700; letter-spacing: 0.01em;" class="heading-tag"><a href="#">SHOP NOW</a></h6> | |||
| 11620 | </div> | 11620 | </div> | |||
| 11621 | </div> | 11621 | </div> | |||
| 11622 | </div> | 11622 | </div> | |||
| 11623 | </div> | 11623 | </div> | |||
| 11624 | </div> | 11624 | </div> | |||
| 11625 | </div> | 11625 | </div> | |||
| 11626 | </div> | 11626 | </div> | |||
| 11627 | <div id="interactive-banner-wrap-6815" class="porto-ibanner mb-0" style="background: #eeeeee; min-height: 250px;"> | 11627 | <div id="interactive-banner-wrap-6815" class="porto-ibanner mb-0" style="background: #eeeeee; min-height: 250px;"> | |||
| 11628 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/20/shop20_home_banner6.png"}}" /> | 11628 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/20/shop20_home_banner6.png"}}" /> | |||
| 11629 | <div class="porto-ibanner-desc no-padding d-flex"> | 11629 | <div class="porto-ibanner-desc no-padding d-flex"> | |||
| 11630 | <div class="porto-ibanner-layer" style="width: 90%; left: 5%; top: 50%; transform: translateY(-50%);"> | 11630 | <div class="porto-ibanner-layer" style="width: 90%; left: 5%; top: 50%; transform: translateY(-50%);"> | |||
| 11631 | <div> | 11631 | <div> | |||
| 11632 | <h3 style="font-size: 1.375rem; line-height: 1; text-align: center; letter-spacing: -0.02em;" class="vc_custom_heading mb-1">Subscribe To Our Newsletter</h3> | 11632 | <h3 style="font-size: 1.375rem; line-height: 1; text-align: center; letter-spacing: -0.02em;" class="vc_custom_heading mb-1">Subscribe To Our Newsletter</h3> | |||
| 11633 | <h6 style="font-size: 1rem; color: #777777; line-height: 1.4; text-align: center; font-weight: 400;" class="vc_custom_heading mb-4">Get all the latest information on events, sales and offers.</h6> | 11633 | <h6 style="font-size: 1rem; color: #777777; line-height: 1.4; text-align: center; font-weight: 400;" class="vc_custom_heading mb-4">Get all the latest information on events, sales and offers.</h6> | |||
| 11634 | {{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form.phtml"}} | 11634 | {{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form.phtml"}} | |||
| 11635 | <style> | 11635 | <style> | |||
| 11636 | .single-subscribe .newsletter .control { | 11636 | .single-subscribe .newsletter .control { | |||
| 11637 | justify-content: center; | 11637 | justify-content: center; | |||
| 11638 | } | 11638 | } | |||
| 11639 | .single-subscribe .newsletter .input-text { | 11639 | .single-subscribe .newsletter .input-text { | |||
| 11640 | width: 100%; | 11640 | width: 100%; | |||
| 11641 | max-width: 327px; | 11641 | max-width: 327px; | |||
| 11642 | } | 11642 | } | |||
| 11643 | .single-subscribe .newsletter input { | 11643 | .single-subscribe .newsletter input { | |||
| 11644 | height: 3.25rem; | 11644 | height: 3.25rem; | |||
| 11645 | padding-left: 20px; | 11645 | padding-left: 20px; | |||
| 11646 | padding-right: 20px; | 11646 | padding-right: 20px; | |||
| 11647 | border-radius: 0; | 11647 | border-radius: 0; | |||
| 11648 | font-size: .85rem; | 11648 | font-size: .85rem; | |||
| 11649 | color: #777; | 11649 | color: #777; | |||
| 11650 | border: none; | 11650 | border: none; | |||
| 11651 | margin: 0; | 11651 | margin: 0; | |||
| 11652 | 11652 | |||||
| 11653 | } | 11653 | } | |||
| 11654 | .single-subscribe .newsletter .action { | 11654 | .single-subscribe .newsletter .action { | |||
| 11655 | display: table-cell; | 11655 | display: table-cell; | |||
| 11656 | vertical-align: top; | 11656 | vertical-align: top; | |||
| 11657 | height: 3.2rem; | 11657 | height: 3.2rem; | |||
| 11658 | text-transform: uppercase; | 11658 | text-transform: uppercase; | |||
| 11659 | font-weight: 700; | 11659 | font-weight: 700; | |||
| 11660 | border-radius: 0; | 11660 | border-radius: 0; | |||
| 11661 | padding: 10px 2rem; | 11661 | padding: 10px 2rem; | |||
| 11662 | font-size: .75rem; | 11662 | font-size: .75rem; | |||
| 11663 | } | 11663 | } | |||
| 11664 | </style> | 11664 | </style> | |||
| 11665 | </div> | 11665 | </div> | |||
| 11666 | </div> | 11666 | </div> | |||
| 11667 | </div> | 11667 | </div> | |||
| 11668 | </div> | 11668 | </div> | |||
| 11669 | </div> | 11669 | </div> | |||
| 11670 | </div> | 11670 | </div> | |||
| 11671 | </div> | 11671 | </div> | |||
| 11672 | </div> | 11672 | </div> | |||
| 11673 | </div> | 11673 | </div> | |||
| 11674 | <div class="porto-inner-container"> | 11674 | <div class="porto-inner-container"> | |||
| 11675 | <div class="container"> | 11675 | <div class="container"> | |||
| 11676 | <div class="row"> | 11676 | <div class="row"> | |||
| 11677 | <div class="col-md-12"> | 11677 | <div class="col-md-12"> | |||
| 11678 | <div class="wpb_wrapper vc_column-inner"> | 11678 | <div class="wpb_wrapper vc_column-inner"> | |||
| 11679 | <div class="porto-carousel brand-carousel owl-carousel mb-0 py-5 nav-pos-outside nav-style-4 show-nav-hover"> | 11679 | <div class="porto-carousel brand-carousel owl-carousel mb-0 py-5 nav-pos-outside nav-style-4 show-nav-hover"> | |||
| 11680 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand1.png"}}" alt="" /></div> | 11680 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand1.png"}}" alt="" /></div> | |||
| 11681 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand2.png"}}" alt="" /></div> | 11681 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand2.png"}}" alt="" /></div> | |||
| 11682 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand3.png"}}" alt="" /></div> | 11682 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand3.png"}}" alt="" /></div> | |||
| 11683 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand4.png"}}" alt="" /></div> | 11683 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand4.png"}}" alt="" /></div> | |||
| 11684 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand5.png"}}" alt="" /></div> | 11684 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand5.png"}}" alt="" /></div> | |||
| 11685 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand6.png"}}" alt="" /></div> | 11685 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand6.png"}}" alt="" /></div> | |||
| 11686 | </div> | 11686 | </div> | |||
| 11687 | <script type="text/javascript"> | 11687 | <script type="text/javascript"> | |||
| 11688 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | 11688 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | |||
| 11689 | $(".brand-carousel.owl-carousel").owlCarousel({ | 11689 | $(".brand-carousel.owl-carousel").owlCarousel({ | |||
| 11690 | autoplay: true, | 11690 | autoplay: true, | |||
| 11691 | autoplayTimeout: 5000, | 11691 | autoplayTimeout: 5000, | |||
| 11692 | autoplayHoverPause: true, | 11692 | autoplayHoverPause: true, | |||
| 11693 | nav: true, | 11693 | nav: true, | |||
| 11694 | dots: false, | 11694 | dots: false, | |||
| 11695 | loop: false, | 11695 | loop: false, | |||
| 11696 | responsive: { | 11696 | responsive: { | |||
| 11697 | 0: { | 11697 | 0: { | |||
| 11698 | items: 2, | 11698 | items: 2, | |||
| 11699 | }, | 11699 | }, | |||
| 11700 | 640: { | 11700 | 640: { | |||
| 11701 | items: 2, | 11701 | items: 2, | |||
| 11702 | }, | 11702 | }, | |||
| 11703 | 768: { | 11703 | 768: { | |||
| 11704 | items: 3, | 11704 | items: 3, | |||
| 11705 | }, | 11705 | }, | |||
| 11706 | 992: { | 11706 | 992: { | |||
| 11707 | items: 4, | 11707 | items: 4, | |||
| 11708 | }, | 11708 | }, | |||
| 11709 | 1200: { | 11709 | 1200: { | |||
| 11710 | items: 6, | 11710 | items: 6, | |||
| 11711 | }, | 11711 | }, | |||
| 11712 | }, | 11712 | }, | |||
| 11713 | }); | 11713 | }); | |||
| 11714 | }); | 11714 | }); | |||
| 11715 | </script> | 11715 | </script> | |||
| 11716 | </div> | 11716 | </div> | |||
| 11717 | </div> | 11717 | </div> | |||
| 11718 | </div> | 11718 | </div> | |||
| 11719 | </div> | 11719 | </div> | |||
| 11720 | </div> | 11720 | </div> | |||
| 11721 | ]]> | 11721 | ]]> | |||
| 11722 | </content> | 11722 | </content> | |||
| 11723 | 11723 | |||||
| 11724 | <is_active> | 11724 | <is_active> | |||
| 11725 | 1 | 11725 | 1 | |||
| 11726 | </is_active> | 11726 | </is_active> | |||
| 11727 | 11727 | |||||
| 11728 | <page_layout> | 11728 | <page_layout> | |||
| 11729 | 1column | 11729 | 1column | |||
| 11730 | </page_layout> | 11730 | </page_layout> | |||
| 11731 | 11731 | |||||
| 11732 | <layout_update_xml> | 11732 | <layout_update_xml> | |||
| 11733 | <![CDATA[]]> | 11733 | <![CDATA[]]> | |||
| 11734 | </layout_update_xml> | 11734 | </layout_update_xml> | |||
| 11735 | 11735 | |||||
| 11736 | </cms_item> | 11736 | </cms_item> | |||
| 11737 | 11737 | |||||
| 11738 | <cms_item> | 11738 | <cms_item> | |||
| 11739 | 11739 | |||||
| 11740 | <title> | 11740 | <title> | |||
| 11741 | Porto - Homepage 21 | 11741 | Porto - Homepage 21 | |||
| 11742 | </title> | 11742 | </title> | |||
| 11743 | 11743 | |||||
| 11744 | <identifier> | 11744 | <identifier> | |||
| 11745 | porto_home_21 | 11745 | porto_home_21 | |||
| 11746 | </identifier> | 11746 | </identifier> | |||
| 11747 | 11747 | |||||
| 11748 | <content> | 11748 | <content> | |||
| 11749 | <![CDATA[<style> | 11749 | <![CDATA[<style> | |||
| 11750 | .columns .column.main { | 11750 | .columns .column.main { | |||
| 11751 | padding-bottom: 0; | 11751 | padding-bottom: 0; | |||
| 11752 | } | 11752 | } | |||
| 11753 | .layout-1220 .page-main { | 11753 | .layout-1220 .page-main { | |||
| 11754 | max-width: 100%; | 11754 | max-width: 100%; | |||
| 11755 | } | 11755 | } | |||
| 11756 | .home-slider .porto-ibanner { | 11756 | .home-slider .porto-ibanner { | |||
| 11757 | height: 532px; | 11757 | height: 532px; | |||
| 11758 | text-align: left; | 11758 | text-align: left; | |||
| 11759 | cursor: default; | 11759 | cursor: default; | |||
| 11760 | } | 11760 | } | |||
| 11761 | .home-slider .pc-home-slider-nav { | 11761 | .home-slider .pc-home-slider-nav { | |||
| 11762 | position: absolute; | 11762 | position: absolute; | |||
| 11763 | top: 50%; | 11763 | top: 50%; | |||
| 11764 | left: 0; | 11764 | left: 0; | |||
| 11765 | width: 100%; | 11765 | width: 100%; | |||
| 11766 | transform: translateY(-50%); | 11766 | transform: translateY(-50%); | |||
| 11767 | z-index: 1; | 11767 | z-index: 1; | |||
| 11768 | } | 11768 | } | |||
| 11769 | .home-slider .porto-ibanner-desc { | 11769 | .home-slider .porto-ibanner-desc { | |||
| 11770 | height: 100%; | 11770 | height: 100%; | |||
| 11771 | display: flex; | 11771 | display: flex; | |||
| 11772 | align-items: center; | 11772 | align-items: center; | |||
| 11773 | } | 11773 | } | |||
| 11774 | .home-slider .porto-ibanner-content { | 11774 | .home-slider .porto-ibanner-content { | |||
| 11775 | flex: 0 0 100%; | 11775 | flex: 0 0 100%; | |||
| 11776 | width: 100%; | 11776 | width: 100%; | |||
| 11777 | } | 11777 | } | |||
| 11778 | .home-slider .container { | 11778 | .home-slider .container { | |||
| 11779 | position: relative; | 11779 | position: relative; | |||
| 11780 | } | 11780 | } | |||
| 11781 | .home-slider .list { | 11781 | .home-slider .list { | |||
| 11782 | list-style: none; | 11782 | list-style: none; | |||
| 11783 | font-size: 17px; | 11783 | font-size: 17px; | |||
| 11784 | white-space: nowrap; | 11784 | white-space: nowrap; | |||
| 11785 | font-weight: 600; | 11785 | font-weight: 600; | |||
| 11786 | padding: 0; | 11786 | padding: 0; | |||
| 11787 | position: absolute; | 11787 | position: absolute; | |||
| 11788 | right: 20px; | 11788 | right: 20px; | |||
| 11789 | top: 50%; | 11789 | top: 50%; | |||
| 11790 | margin-top: -63px; | 11790 | margin-top: -63px; | |||
| 11791 | color: #171f2f; | 11791 | color: #171f2f; | |||
| 11792 | } | 11792 | } | |||
| 11793 | .home-slider .list li { | 11793 | .home-slider .list li { | |||
| 11794 | position: relative; | 11794 | position: relative; | |||
| 11795 | padding-right: 35px; | 11795 | padding-right: 35px; | |||
| 11796 | margin-bottom: 15px; | 11796 | margin-bottom: 15px; | |||
| 11797 | text-align: right; | 11797 | text-align: right; | |||
| 11798 | cursor: pointer; | 11798 | cursor: pointer; | |||
| 11799 | } | 11799 | } | |||
| 11800 | .home-slider .list li.active { | 11800 | .home-slider .list li.active { | |||
| 11801 | color: #ff6840; | 11801 | color: #ff6840; | |||
| 11802 | } | 11802 | } | |||
| 11803 | .home-slider .list li:after { | 11803 | .home-slider .list li:after { | |||
| 11804 | content: ''; | 11804 | content: ''; | |||
| 11805 | position: absolute; | 11805 | position: absolute; | |||
| 11806 | right: 0; | 11806 | right: 0; | |||
| 11807 | top: 50%; | 11807 | top: 50%; | |||
| 11808 | border-top: 2px solid; | 11808 | border-top: 2px solid; | |||
| 11809 | width: 16px; | 11809 | width: 16px; | |||
| 11810 | } | 11810 | } | |||
| 11811 | .home-slider .porto-ibanner h5 { | 11811 | .home-slider .porto-ibanner h5 { | |||
| 11812 | font-size: 27px; | 11812 | font-size: 27px; | |||
| 11813 | line-height: 1.2; | 11813 | line-height: 1.2; | |||
| 11814 | text-transform: uppercase; | 11814 | text-transform: uppercase; | |||
| 11815 | font-weight: 400; | 11815 | font-weight: 400; | |||
| 11816 | letter-spacing: -.01em; | 11816 | letter-spacing: -.01em; | |||
| 11817 | margin-bottom: 0; | 11817 | margin-bottom: 0; | |||
| 11818 | } | 11818 | } | |||
| 11819 | .home-slider .porto-ibanner h2 { | 11819 | .home-slider .porto-ibanner h2 { | |||
| 11820 | font-size: 60px; | 11820 | font-size: 60px; | |||
| 11821 | line-height: 1.2; | 11821 | line-height: 1.2; | |||
| 11822 | text-transform: uppercase; | 11822 | text-transform: uppercase; | |||
| 11823 | font-weight: 700; | 11823 | font-weight: 700; | |||
| 11824 | letter-spacing: -.05em; | 11824 | letter-spacing: -.05em; | |||
| 11825 | margin-left: -3px; | 11825 | margin-left: -3px; | |||
| 11826 | margin-bottom: 7px; | 11826 | margin-bottom: 7px; | |||
| 11827 | } | 11827 | } | |||
| 11828 | .home-slider .porto-ibanner h5 { | 11828 | .home-slider .porto-ibanner h5 { | |||
| 11829 | font-size: 27px; | 11829 | font-size: 27px; | |||
| 11830 | line-height: 1.2; | 11830 | line-height: 1.2; | |||
| 11831 | text-transform: uppercase; | 11831 | text-transform: uppercase; | |||
| 11832 | font-weight: 400; | 11832 | font-weight: 400; | |||
| 11833 | letter-spacing: -.01em; | 11833 | letter-spacing: -.01em; | |||
| 11834 | margin-bottom: 0; | 11834 | margin-bottom: 0; | |||
| 11835 | } | 11835 | } | |||
| 11836 | .home-slider .porto-ibanner .btn { | 11836 | .home-slider .porto-ibanner .btn { | |||
| 11837 | margin-top: 30px; | 11837 | margin-top: 30px; | |||
| 11838 | } | 11838 | } | |||
| 11839 | .section { | 11839 | .section { | |||
| 11840 | padding: 70px 0 20px; | 11840 | padding: 70px 0 20px; | |||
| 11841 | margin: 0; | 11841 | margin: 0; | |||
| 11842 | } | 11842 | } | |||
| 11843 | @media (max-width: 991px) { | 11843 | @media (max-width: 991px) { | |||
| 11844 | .home-slider .porto-ibanner h2 { | 11844 | .home-slider .porto-ibanner h2 { | |||
| 11845 | font-size: 36px; | 11845 | font-size: 36px; | |||
| 11846 | } | 11846 | } | |||
| 11847 | .home-slider .porto-ibanner h5 { | 11847 | .home-slider .porto-ibanner h5 { | |||
| 11848 | font-size: 20px; | 11848 | font-size: 20px; | |||
| 11849 | } | 11849 | } | |||
| 11850 | .home-slider .porto-ibanner .btn { | 11850 | .home-slider .porto-ibanner .btn { | |||
| 11851 | margin-top: 20px; | 11851 | margin-top: 20px; | |||
| 11852 | } | 11852 | } | |||
| 11853 | } | 11853 | } | |||
| 11854 | </style> | 11854 | </style> | |||
| 11855 | <div class="row home-slider no-padding"> | 11855 | <div class="row home-slider no-padding"> | |||
| 11856 | <div class="col-md-12"> | 11856 | <div class="col-md-12"> | |||
| 11857 | <div class="wpb_wrapper vc_column-inner"> | 11857 | <div class="wpb_wrapper vc_column-inner"> | |||
| 11858 | <div id="banner-slider-demo-20" class="porto-carousel owl-carousel mb-0"> | 11858 | <div id="banner-slider-demo-20" class="porto-carousel owl-carousel mb-0"> | |||
| 11859 | <div class="porto-ibanner mb-0 porto-lazyload lazy-load-loaded" | 11859 | <div class="porto-ibanner mb-0 porto-lazyload lazy-load-loaded" | |||
| 11860 | style="background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/21/shop21_home_slide1.jpg"}}'); | 11860 | style="background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/21/shop21_home_slide1.jpg"}}'); | |||
| 11861 | background-position: center; | 11861 | background-position: center; | |||
| 11862 | background-repeat: no-repeat; | 11862 | background-repeat: no-repeat; | |||
| 11863 | background-size: cover;"> | 11863 | background-size: cover;"> | |||
| 11864 | <div class="porto-ibanner-desc"> | 11864 | <div class="porto-ibanner-desc"> | |||
| 11865 | <div class="porto-ibanner-content" style="color: #171f2f;"> | 11865 | <div class="porto-ibanner-content" style="color: #171f2f;"> | |||
| 11866 | <div class="container"> | 11866 | <div class="container"> | |||
| 11867 | <h5>Start the Revolution</h5> | 11867 | <h5>Start the Revolution</h5> | |||
| 11868 | <h2>drone pro 4</h2> | 11868 | <h2>drone pro 4</h2> | |||
| 11869 | <h5>From <strong>$499</strong></h5> | 11869 | <h5>From <strong>$499</strong></h5> | |||
| 11870 | <p> | 11870 | <p> | |||
| 11871 | <a class="btn btn-dark btn-modern btn-xl" href="#">Buy Now</a> | 11871 | <a class="btn btn-dark btn-modern btn-xl" href="#">Buy Now</a> | |||
| 11872 | </p> | 11872 | </p> | |||
| 11873 | </div> | 11873 | </div> | |||
| 11874 | <p></p> | 11874 | <p></p> | |||
| 11875 | </div> | 11875 | </div> | |||
| 11876 | </div> | 11876 | </div> | |||
| 11877 | </div> | 11877 | </div> | |||
| 11878 | <div class="porto-ibanner mb-0 porto-lazyload lazy-load-loaded" | 11878 | <div class="porto-ibanner mb-0 porto-lazyload lazy-load-loaded" | |||
| 11879 | style="background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/21/shop21_home_slide2.jpg"}}'); | 11879 | style="background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/21/shop21_home_slide2.jpg"}}'); | |||
| 11880 | background-position: center; | 11880 | background-position: center; | |||
| 11881 | background-repeat: no-repeat; | 11881 | background-repeat: no-repeat; | |||
| 11882 | background-size: cover;"> | 11882 | background-size: cover;"> | |||
| 11883 | <div class="porto-ibanner-desc"> | 11883 | <div class="porto-ibanner-desc"> | |||
| 11884 | <div class="porto-ibanner-content" style="color: #171f2f;"> | 11884 | <div class="porto-ibanner-content" style="color: #171f2f;"> | |||
| 11885 | <div class="container"> | 11885 | <div class="container"> | |||
| 11886 | <h5>amazing deals</h5> | 11886 | <h5>amazing deals</h5> | |||
| 11887 | <h2>smartphone</h2> | 11887 | <h2>smartphone</h2> | |||
| 11888 | <h5>From <strong>$199</strong></h5> | 11888 | <h5>From <strong>$199</strong></h5> | |||
| 11889 | <p><a class="btn btn-dark btn-modern btn-xl" href="#">Buy Now</a></p> | 11889 | <p><a class="btn btn-dark btn-modern btn-xl" href="#">Buy Now</a></p> | |||
| 11890 | </div> | 11890 | </div> | |||
| 11891 | <p></p> | 11891 | <p></p> | |||
| 11892 | </div> | 11892 | </div> | |||
| 11893 | </div> | 11893 | </div> | |||
| 11894 | </div> | 11894 | </div> | |||
| 11895 | <div class="porto-ibanner mb-0 porto-lazyload lazy-load-loaded" | 11895 | <div class="porto-ibanner mb-0 porto-lazyload lazy-load-loaded" | |||
| 11896 | style="background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/21/shop21_home_slide3.jpg"}}'); | 11896 | style="background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/21/shop21_home_slide3.jpg"}}'); | |||
| 11897 | background-position: center; | 11897 | background-position: center; | |||
| 11898 | background-repeat: no-repeat; | 11898 | background-repeat: no-repeat; | |||
| 11899 | background-size: cover;"> | 11899 | background-size: cover;"> | |||
| 11900 | <div class="porto-ibanner-desc"> | 11900 | <div class="porto-ibanner-desc"> | |||
| 11901 | <div class="porto-ibanner-content" style="color: #171f2f;"> | 11901 | <div class="porto-ibanner-content" style="color: #171f2f;"> | |||
| 11902 | <div class="container"> | 11902 | <div class="container"> | |||
| 11903 | <h5>best price of the year</h5> | 11903 | <h5>best price of the year</h5> | |||
| 11904 | <h2>top accessories</h2> | 11904 | <h2>top accessories</h2> | |||
| 11905 | <h5>From <strong>$19</strong></h5> | 11905 | <h5>From <strong>$19</strong></h5> | |||
| 11906 | <p><a class="btn btn-dark btn-modern btn-xl" href="#">Buy Now</a></p> | 11906 | <p><a class="btn btn-dark btn-modern btn-xl" href="#">Buy Now</a></p> | |||
| 11907 | </div> | 11907 | </div> | |||
| 11908 | <p></p> | 11908 | <p></p> | |||
| 11909 | </div> | 11909 | </div> | |||
| 11910 | </div> | 11910 | </div> | |||
| 11911 | </div> | 11911 | </div> | |||
| 11912 | </div> | 11912 | </div> | |||
| 11913 | <div class="wpb_content_element pc-home-slider-nav mb-0"> | 11913 | <div class="wpb_content_element pc-home-slider-nav mb-0"> | |||
| 11914 | <div class="wpb_wrapper"> | 11914 | <div class="wpb_wrapper"> | |||
| 11915 | <div class="container"> | 11915 | <div class="container"> | |||
| 11916 | <ul class="list"> | 11916 | <ul class="list"> | |||
| 11917 | <li class="active">Drones</li> | 11917 | <li class="active">Drones</li> | |||
| 11918 | <li>Phones</li> | 11918 | <li>Phones</li> | |||
| 11919 | <li>Accessories</li> | 11919 | <li>Accessories</li> | |||
| 11920 | </ul> | 11920 | </ul> | |||
| 11921 | </div> | 11921 | </div> | |||
| 11922 | </div> | 11922 | </div> | |||
| 11923 | </div> | 11923 | </div> | |||
| 11924 | <script type="text/javascript"> | 11924 | <script type="text/javascript"> | |||
| 11925 | require([ | 11925 | require([ | |||
| 11926 | 'jquery', | 11926 | 'jquery', | |||
| 11927 | 'owl.carousel/owl.carousel.min' | 11927 | 'owl.carousel/owl.carousel.min' | |||
| 11928 | ], function ($) { | 11928 | ], function ($) { | |||
| 11929 | var $slide = $("#banner-slider-demo-20").owlCarousel({ | 11929 | var $slide = $("#banner-slider-demo-20").owlCarousel({ | |||
| 11930 | items: 1, | 11930 | items: 1, | |||
| 11931 | autoplay: false, | 11931 | autoplay: false, | |||
| 11932 | autoplayTimeout: 5000, | 11932 | autoplayTimeout: 5000, | |||
| 11933 | autoplayHoverPause: true, | 11933 | autoplayHoverPause: true, | |||
| 11934 | dots: false, | 11934 | dots: false, | |||
| 11935 | navRewind: true, | 11935 | navRewind: true, | |||
| 11936 | animateIn: 'fadeIn', | 11936 | animateIn: 'fadeIn', | |||
| 11937 | animateOut: 'fadeOut', | 11937 | animateOut: 'fadeOut', | |||
| 11938 | loop: false, | 11938 | loop: false, | |||
| 11939 | nav: false | 11939 | nav: false | |||
| 11940 | }); | 11940 | }); | |||
| 11941 | $slide.on('changed.owl.carousel', function(event) { | 11941 | $slide.on('changed.owl.carousel', function(event) { | |||
| 11942 | var current = event.item.index; | 11942 | var current = event.item.index; | |||
| 11943 | if (event.item.count) { | 11943 | if (event.item.count) { | |||
| 11944 | $('.home-slider .list li').eq(current % event.item.count).addClass('active').siblings().removeClass('active'); | 11944 | $('.home-slider .list li').eq(current % event.item.count).addClass('active').siblings().removeClass('active'); | |||
| 11945 | } | 11945 | } | |||
| 11946 | }); | 11946 | }); | |||
| 11947 | $('.home-slider .list li').on('click', function() { | 11947 | $('.home-slider .list li').on('click', function() { | |||
| 11948 | if (!$(this).hasClass('active')) { | 11948 | if (!$(this).hasClass('active')) { | |||
| 11949 | var index = $(this).index(); | 11949 | var index = $(this).index(); | |||
| 11950 | $slide.trigger('to.owl.carousel', [index, 300, true]); | 11950 | $slide.trigger('to.owl.carousel', [index, 300, true]); | |||
| 11951 | } | 11951 | } | |||
| 11952 | }); | 11952 | }); | |||
| 11953 | }); | 11953 | }); | |||
| 11954 | </script> | 11954 | </script> | |||
| 11955 | </div> | 11955 | </div> | |||
| 11956 | </div> | 11956 | </div> | |||
| 11957 | </div> | 11957 | </div> | |||
| 11958 | <div class="section"> | 11958 | <div class="section"> | |||
| 11959 | <div class="container"> | 11959 | <div class="container"> | |||
| 11960 | <div class="row"> | 11960 | <div class="row"> | |||
| 11961 | <div class="col-md-12"> | 11961 | <div class="col-md-12"> | |||
| 11962 | <div class="wpb_wrapper vc_column-inner"> | 11962 | <div class="wpb_wrapper vc_column-inner"> | |||
| 11963 | <div class="porto-products wpb_content_element title-border-bottom mb-0"> | 11963 | <div class="porto-products wpb_content_element title-border-bottom mb-0"> | |||
| 11964 | <h2 class="section-title"><span class="inline-title">Featured Products</span><span class="line"></span></h2> | 11964 | <h2 class="section-title"><span class="inline-title">Featured Products</span><span class="line"></span></h2> | |||
| 11965 | <div class="porto-products"> | 11965 | <div class="porto-products"> | |||
| 11966 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_type="3" product_count="6" column_count="6" aspect_ratio="0" image_width="300" image_height="300" template="grid.phtml"}} | 11966 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_type="3" product_count="6" column_count="6" aspect_ratio="0" image_width="300" image_height="300" template="grid.phtml"}} | |||
| 11967 | </div> | 11967 | </div> | |||
| 11968 | </div> | 11968 | </div> | |||
| 11969 | </div> | 11969 | </div> | |||
| 11970 | </div> | 11970 | </div> | |||
| 11971 | </div> | 11971 | </div> | |||
| 11972 | </div> | 11972 | </div> | |||
| 11973 | </div> | 11973 | </div> | |||
| 11974 | <div class="section section-default section-no-borders" style="padding-bottom: 15px;background-color: #f4f4f4;"> | 11974 | <div class="section section-default section-no-borders" style="padding-bottom: 15px;background-color: #f4f4f4;"> | |||
| 11975 | <div class="container"> | 11975 | <div class="container"> | |||
| 11976 | <div class="row"> | 11976 | <div class="row"> | |||
| 11977 | <div class="col-md-12"> | 11977 | <div class="col-md-12"> | |||
| 11978 | <div class="wpb_wrapper vc_column-inner"> | 11978 | <div class="wpb_wrapper vc_column-inner"> | |||
| 11979 | <style> | 11979 | <style> | |||
| 11980 | ul.products li.product-col { | 11980 | ul.products li.product-col { | |||
| 11981 | margin-bottom: 1.4286em; | 11981 | margin-bottom: 1.4286em; | |||
| 11982 | position: relative; | 11982 | position: relative; | |||
| 11983 | } | 11983 | } | |||
| 11984 | ul.products li.cat-has-icon .thumb-info { | 11984 | ul.products li.cat-has-icon .thumb-info { | |||
| 11985 | padding: 40px 0 25px; | 11985 | padding: 40px 0 25px; | |||
| 11986 | transition: box-shadow .2s; | 11986 | transition: box-shadow .2s; | |||
| 11987 | text-align: center; | 11987 | text-align: center; | |||
| 11988 | background: #fff; | 11988 | background: #fff; | |||
| 11989 | } | 11989 | } | |||
| 11990 | ul.products li.cat-has-icon .thumb-info>i { | 11990 | ul.products li.cat-has-icon .thumb-info>i { | |||
| 11991 | color: #222529; | 11991 | color: #222529; | |||
| 11992 | font-size: 3em; | 11992 | font-size: 3em; | |||
| 11993 | display: inline-block; | 11993 | display: inline-block; | |||
| 11994 | margin-bottom: 15px; | 11994 | margin-bottom: 15px; | |||
| 11995 | } | 11995 | } | |||
| 11996 | .category-slider li.product-category .thumb-info-wrapper:after { | 11996 | .category-slider li.product-category .thumb-info-wrapper:after { | |||
| 11997 | background-color: rgba(27, 27, 23, 0); | 11997 | background-color: rgba(27, 27, 23, 0); | |||
| 11998 | } | 11998 | } | |||
| 11999 | .category-slider li.product-category:hover .thumb-info-wrapper:after { | 11999 | .category-slider li.product-category:hover .thumb-info-wrapper:after { | |||
| 12000 | background-color: rgba(27, 27, 23, 0.15); | 12000 | background-color: rgba(27, 27, 23, 0.15); | |||
| 12001 | } | 12001 | } | |||
| 12002 | </style> | 12002 | </style> | |||
| 12003 | <div class="category-slider porto-products wpb_content_element hide-count"> | 12003 | <div class="category-slider porto-products wpb_content_element hide-count"> | |||
| 12004 | <div class="slider-wrapper"> | 12004 | <div class="slider-wrapper"> | |||
| 12005 | <ul class="products products-container products-slider owl-carousel category-pos-bottom category-text-center category-color-dark show-nav-middle"> | 12005 | <ul class="products products-container products-slider owl-carousel category-pos-bottom category-text-center category-color-dark show-nav-middle"> | |||
| 12006 | <li class="product-category product-col cat-has-icon"> | 12006 | <li class="product-category product-col cat-has-icon"> | |||
| 12007 | <a href="#"> | 12007 | <a href="#"> | |||
| 12008 | <span class="thumb-info align-center"> | 12008 | <span class="thumb-info align-center"> | |||
| 12009 | <i class="porto-icon-category-fashion"></i> | 12009 | <i class="porto-icon-category-fashion"></i> | |||
| 12010 | <span class="thumb-info-wrap"> | 12010 | <span class="thumb-info-wrap"> | |||
| 12011 | <span class="thumb-info-title"> | 12011 | <span class="thumb-info-title"> | |||
| 12012 | <h3 class="sub-title thumb-info-inner">Fashion</h3> | 12012 | <h3 class="sub-title thumb-info-inner">Fashion</h3> | |||
| 12013 | <span class="thumb-info-type"> <mark class="count">3</mark> Products </span> | 12013 | <span class="thumb-info-type"> <mark class="count">3</mark> Products </span> | |||
| 12014 | </span> | 12014 | </span> | |||
| 12015 | </span> | 12015 | </span> | |||
| 12016 | </span> | 12016 | </span> | |||
| 12017 | </a> | 12017 | </a> | |||
| 12018 | </li> | 12018 | </li> | |||
| 12019 | <li class="product-category product-col cat-has-icon"> | 12019 | <li class="product-category product-col cat-has-icon"> | |||
| 12020 | <a href="#"> | 12020 | <a href="#"> | |||
| 12021 | <span class="thumb-info align-center"> | 12021 | <span class="thumb-info align-center"> | |||
| 12022 | <i class="porto-icon-category-electronics"></i> | 12022 | <i class="porto-icon-category-electronics"></i> | |||
| 12023 | <span class="thumb-info-wrap"> | 12023 | <span class="thumb-info-wrap"> | |||
| 12024 | <span class="thumb-info-title"> | 12024 | <span class="thumb-info-title"> | |||
| 12025 | <h3 class="sub-title thumb-info-inner">Electronics</h3> | 12025 | <h3 class="sub-title thumb-info-inner">Electronics</h3> | |||
| 12026 | <span class="thumb-info-type"> <mark class="count">8</mark> Products </span> | 12026 | <span class="thumb-info-type"> <mark class="count">8</mark> Products </span> | |||
| 12027 | </span> | 12027 | </span> | |||
| 12028 | </span> | 12028 | </span> | |||
| 12029 | </span> | 12029 | </span> | |||
| 12030 | </a> | 12030 | </a> | |||
| 12031 | </li> | 12031 | </li> | |||
| 12032 | <li class="product-category product-col cat-has-icon"> | 12032 | <li class="product-category product-col cat-has-icon"> | |||
| 12033 | <a href="#"> | 12033 | <a href="#"> | |||
| 12034 | <span class="thumb-info align-center"> | 12034 | <span class="thumb-info align-center"> | |||
| 12035 | <i class="porto-icon-category-gifts"></i> | 12035 | <i class="porto-icon-category-gifts"></i> | |||
| 12036 | <span class="thumb-info-wrap"> | 12036 | <span class="thumb-info-wrap"> | |||
| 12037 | <span class="thumb-info-title"> | 12037 | <span class="thumb-info-title"> | |||
| 12038 | <h3 class="sub-title thumb-info-inner">Gifts</h3> | 12038 | <h3 class="sub-title thumb-info-inner">Gifts</h3> | |||
| 12039 | <span class="thumb-info-type"> <mark class="count">5</mark> Products </span> | 12039 | <span class="thumb-info-type"> <mark class="count">5</mark> Products </span> | |||
| 12040 | </span> | 12040 | </span> | |||
| 12041 | </span> | 12041 | </span> | |||
| 12042 | </span> | 12042 | </span> | |||
| 12043 | </a> | 12043 | </a> | |||
| 12044 | </li> | 12044 | </li> | |||
| 12045 | <li class="product-category product-col cat-has-icon"> | 12045 | <li class="product-category product-col cat-has-icon"> | |||
| 12046 | <a href="#"> | 12046 | <a href="#"> | |||
| 12047 | <span class="thumb-info align-center"> | 12047 | <span class="thumb-info align-center"> | |||
| 12048 | <i class="porto-icon-category-garden"></i> | 12048 | <i class="porto-icon-category-garden"></i> | |||
| 12049 | <span class="thumb-info-wrap"> | 12049 | <span class="thumb-info-wrap"> | |||
| 12050 | <span class="thumb-info-title"> | 12050 | <span class="thumb-info-title"> | |||
| 12051 | <h3 class="sub-title thumb-info-inner">Garden</h3> | 12051 | <h3 class="sub-title thumb-info-inner">Garden</h3> | |||
| 12052 | <span class="thumb-info-type"> <mark class="count">4</mark> Products </span> | 12052 | <span class="thumb-info-type"> <mark class="count">4</mark> Products </span> | |||
| 12053 | </span> | 12053 | </span> | |||
| 12054 | </span> | 12054 | </span> | |||
| 12055 | </span> | 12055 | </span> | |||
| 12056 | </a> | 12056 | </a> | |||
| 12057 | </li> | 12057 | </li> | |||
| 12058 | <li class="product-category product-col cat-has-icon"> | 12058 | <li class="product-category product-col cat-has-icon"> | |||
| 12059 | <a href="#"> | 12059 | <a href="#"> | |||
| 12060 | <span class="thumb-info align-center"> | 12060 | <span class="thumb-info align-center"> | |||
| 12061 | <i class="porto-icon-category-music"></i> | 12061 | <i class="porto-icon-category-music"></i> | |||
| 12062 | <span class="thumb-info-wrap"> | 12062 | <span class="thumb-info-wrap"> | |||
| 12063 | <span class="thumb-info-title"> | 12063 | <span class="thumb-info-title"> | |||
| 12064 | <h3 class="sub-title thumb-info-inner">Music</h3> | 12064 | <h3 class="sub-title thumb-info-inner">Music</h3> | |||
| 12065 | <span class="thumb-info-type"> <mark class="count">5</mark> Products </span> | 12065 | <span class="thumb-info-type"> <mark class="count">5</mark> Products </span> | |||
| 12066 | </span> | 12066 | </span> | |||
| 12067 | </span> | 12067 | </span> | |||
| 12068 | </span> | 12068 | </span> | |||
| 12069 | </a> | 12069 | </a> | |||
| 12070 | </li> | 12070 | </li> | |||
| 12071 | <li class="product-category product-col cat-has-icon"> | 12071 | <li class="product-category product-col cat-has-icon"> | |||
| 12072 | <a href="#"> | 12072 | <a href="#"> | |||
| 12073 | <span class="thumb-info align-center"> | 12073 | <span class="thumb-info align-center"> | |||
| 12074 | <i class="porto-icon-category-motors"></i> | 12074 | <i class="porto-icon-category-motors"></i> | |||
| 12075 | <span class="thumb-info-wrap"> | 12075 | <span class="thumb-info-wrap"> | |||
| 12076 | <span class="thumb-info-title"> | 12076 | <span class="thumb-info-title"> | |||
| 12077 | <h3 class="sub-title thumb-info-inner">Motors</h3> | 12077 | <h3 class="sub-title thumb-info-inner">Motors</h3> | |||
| 12078 | <span class="thumb-info-type"> <mark class="count">3</mark> Products </span> | 12078 | <span class="thumb-info-type"> <mark class="count">3</mark> Products </span> | |||
| 12079 | </span> | 12079 | </span> | |||
| 12080 | </span> | 12080 | </span> | |||
| 12081 | </span> | 12081 | </span> | |||
| 12082 | </a> | 12082 | </a> | |||
| 12083 | </li> | 12083 | </li> | |||
| 12084 | </ul> | 12084 | </ul> | |||
| 12085 | <script type="text/javascript"> | 12085 | <script type="text/javascript"> | |||
| 12086 | require([ | 12086 | require([ | |||
| 12087 | 'jquery', | 12087 | 'jquery', | |||
| 12088 | 'owl.carousel/owl.carousel.min' | 12088 | 'owl.carousel/owl.carousel.min' | |||
| 12089 | ], function ($) { | 12089 | ], function ($) { | |||
| 12090 | $(".category-slider .owl-carousel").owlCarousel({ | 12090 | $(".category-slider .owl-carousel").owlCarousel({ | |||
| 12091 | autoplay: false, | 12091 | autoplay: false, | |||
| 12092 | autoplayTimeout: 5000, | 12092 | autoplayTimeout: 5000, | |||
| 12093 | autoplayHoverPause: true, | 12093 | autoplayHoverPause: true, | |||
| 12094 | loop: false, | 12094 | loop: false, | |||
| 12095 | navRewind: true, | 12095 | navRewind: true, | |||
| 12096 | lazyLoad:true, | 12096 | lazyLoad:true, | |||
| 12097 | margin: 0, | 12097 | margin: 0, | |||
| 12098 | nav: true, | 12098 | nav: true, | |||
| 12099 | dots: false, | 12099 | dots: false, | |||
| 12100 | responsive: { | 12100 | responsive: { | |||
| 12101 | 0: { | 12101 | 0: { | |||
| 12102 | items:2 | 12102 | items:2 | |||
| 12103 | }, | 12103 | }, | |||
| 12104 | 640: { | 12104 | 640: { | |||
| 12105 | items:2 | 12105 | items:2 | |||
| 12106 | }, | 12106 | }, | |||
| 12107 | 768: { | 12107 | 768: { | |||
| 12108 | items:3 | 12108 | items:3 | |||
| 12109 | }, | 12109 | }, | |||
| 12110 | 992: { | 12110 | 992: { | |||
| 12111 | items:4 | 12111 | items:4 | |||
| 12112 | }, | 12112 | }, | |||
| 12113 | 1200: { | 12113 | 1200: { | |||
| 12114 | items:6 | 12114 | items:6 | |||
| 12115 | } | 12115 | } | |||
| 12116 | } | 12116 | } | |||
| 12117 | }); | 12117 | }); | |||
| 12118 | }); | 12118 | }); | |||
| 12119 | </script> | 12119 | </script> | |||
| 12120 | </div> | 12120 | </div> | |||
| 12121 | </div> | 12121 | </div> | |||
| 12122 | </div> | 12122 | </div> | |||
| 12123 | </div> | 12123 | </div> | |||
| 12124 | </div> | 12124 | </div> | |||
| 12125 | </div> | 12125 | </div> | |||
| 12126 | </div> | 12126 | </div> | |||
| 12127 | <div class="vc_row wpb_row section porto-inner-container"> | 12127 | <div class="vc_row wpb_row section porto-inner-container"> | |||
| 12128 | <style> | 12128 | <style> | |||
| 12129 | .home-ads .porto-ibanner-desc { | 12129 | .home-ads .porto-ibanner-desc { | |||
| 12130 | display: flex; | 12130 | display: flex; | |||
| 12131 | justify-content: space-between; | 12131 | justify-content: space-between; | |||
| 12132 | align-items: center; | 12132 | align-items: center; | |||
| 12133 | } | 12133 | } | |||
| 12134 | .home-ads .porto-ibanner-title, .home-ads .porto-ibanner-content { | 12134 | .home-ads .porto-ibanner-title, .home-ads .porto-ibanner-content { | |||
| 12135 | max-width: 33.3333%; | 12135 | max-width: 33.3333%; | |||
| 12136 | flex: 0 0 33.3333%; | 12136 | flex: 0 0 33.3333%; | |||
| 12137 | text-align: left; | 12137 | text-align: left; | |||
| 12138 | font-weight: 700; | 12138 | font-weight: 700; | |||
| 12139 | display: flex; | 12139 | display: flex; | |||
| 12140 | flex-wrap: wrap; | 12140 | flex-wrap: wrap; | |||
| 12141 | order: 2; | 12141 | order: 2; | |||
| 12142 | } | 12142 | } | |||
| 12143 | .home-ads>div:nth-child(2n) .porto-ibanner-content { | 12143 | .home-ads>div:nth-child(2n) .porto-ibanner-content { | |||
| 12144 | -ms-flex-order: 1; | 12144 | -ms-flex-order: 1; | |||
| 12145 | order: 1; | 12145 | order: 1; | |||
| 12146 | text-align: right; | 12146 | text-align: right; | |||
| 12147 | padding: 0 40px 0 0; | 12147 | padding: 0 40px 0 0; | |||
| 12148 | } | 12148 | } | |||
| 12149 | .home-ads .porto-ibanner-title { | 12149 | .home-ads .porto-ibanner-title { | |||
| 12150 | font-size: 2.1875rem; | 12150 | font-size: 2.1875rem; | |||
| 12151 | line-height: 1.2; | 12151 | line-height: 1.2; | |||
| 12152 | padding-left: 30px; | 12152 | padding-left: 30px; | |||
| 12153 | } | 12153 | } | |||
| 12154 | .home-ads .porto-ibanner-content { | 12154 | .home-ads .porto-ibanner-content { | |||
| 12155 | padding-left: 40px; | 12155 | padding-left: 40px; | |||
| 12156 | flex-direction: column; | 12156 | flex-direction: column; | |||
| 12157 | } | 12157 | } | |||
| 12158 | .home-ads .porto-ibanner-content { | 12158 | .home-ads .porto-ibanner-content { | |||
| 12159 | padding-left: 40px; | 12159 | padding-left: 40px; | |||
| 12160 | flex-direction: column; | 12160 | flex-direction: column; | |||
| 12161 | } | 12161 | } | |||
| 12162 | .home-ads .porto-ibanner-content b { | 12162 | .home-ads .porto-ibanner-content b { | |||
| 12163 | display: block; | 12163 | display: block; | |||
| 12164 | font-size: 1.425rem; | 12164 | font-size: 1.425rem; | |||
| 12165 | line-height: 1.5; | 12165 | line-height: 1.5; | |||
| 12166 | } | 12166 | } | |||
| 12167 | .home-subcats .btn, .home-ads .btn { | 12167 | .home-subcats .btn, .home-ads .btn { | |||
| 12168 | font-size: 12px; | 12168 | font-size: 12px; | |||
| 12169 | font-weight: 700; | 12169 | font-weight: 700; | |||
| 12170 | letter-spacing: -.025em; | 12170 | letter-spacing: -.025em; | |||
| 12171 | text-transform: uppercase; | 12171 | text-transform: uppercase; | |||
| 12172 | padding: .5rem 1.25rem; | 12172 | padding: .5rem 1.25rem; | |||
| 12173 | } | 12173 | } | |||
| 12174 | .porto-ibanner .porto-ibanner-content { | 12174 | .porto-ibanner .porto-ibanner-content { | |||
| 12175 | font-size: .8125em; | 12175 | font-size: .8125em; | |||
| 12176 | line-height: 1.6; | 12176 | line-height: 1.6; | |||
| 12177 | } | 12177 | } | |||
| 12178 | @media (max-width: 575px) { | 12178 | @media (max-width: 575px) { | |||
| 12179 | .home-ads .porto-ibanner-title { | 12179 | .home-ads .porto-ibanner-title { | |||
| 12180 | font-size: 1.5rem; | 12180 | font-size: 1.5rem; | |||
| 12181 | padding-left: 20px; | 12181 | padding-left: 20px; | |||
| 12182 | } | 12182 | } | |||
| 12183 | .home-ads .porto-ibanner-content { | 12183 | .home-ads .porto-ibanner-content { | |||
| 12184 | padding-left: 20px; | 12184 | padding-left: 20px; | |||
| 12185 | } | 12185 | } | |||
| 12186 | } | 12186 | } | |||
| 12187 | </style> | 12187 | </style> | |||
| 12188 | <div class="container"> | 12188 | <div class="container"> | |||
| 12189 | <div class="row"> | 12189 | <div class="row"> | |||
| 12190 | <div class="col-md-12"> | 12190 | <div class="col-md-12"> | |||
| 12191 | <div class="wpb_wrapper vc_column-inner"> | 12191 | <div class="wpb_wrapper vc_column-inner"> | |||
| 12192 | <div class="vc_row wpb_row vc_inner row mb-3 home-ads"> | 12192 | <div class="vc_row wpb_row vc_inner row mb-3 home-ads"> | |||
| 12193 | <div class="col-md-12 col-lg-6"> | 12193 | <div class="col-md-12 col-lg-6"> | |||
| 12194 | <div class="wpb_wrapper vc_column-inner"> | 12194 | <div class="wpb_wrapper vc_column-inner"> | |||
| 12195 | <div class="porto-ibanner" style="background: #f4f4f4; min-height: 150px;"> | 12195 | <div class="porto-ibanner" style="background: #f4f4f4; min-height: 150px;"> | |||
| 12196 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/21/shop21_home_ads1.jpg"}}" /> | 12196 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/21/shop21_home_ads1.jpg"}}" /> | |||
| 12197 | <div class="porto-ibanner-desc"> | 12197 | <div class="porto-ibanner-desc"> | |||
| 12198 | <h2 class="porto-ibanner-title" style="color: #222529;">ACTION CAMERAS</h2> | 12198 | <h2 class="porto-ibanner-title" style="color: #222529;">ACTION CAMERAS</h2> | |||
| 12199 | <div class="porto-ibanner-content" style=""> | 12199 | <div class="porto-ibanner-content" style=""> | |||
| 12200 | <h4>Starting From <b>$399</b></h4> | 12200 | <h4>Starting From <b>$399</b></h4> | |||
| 12201 | <p><a class="btn btn-primary">Shop Now</a></p> | 12201 | <p><a class="btn btn-primary">Shop Now</a></p> | |||
| 12202 | </div> | 12202 | </div> | |||
| 12203 | </div> | 12203 | </div> | |||
| 12204 | </div> | 12204 | </div> | |||
| 12205 | </div> | 12205 | </div> | |||
| 12206 | </div> | 12206 | </div> | |||
| 12207 | <div class="col-md-12 col-lg-6"> | 12207 | <div class="col-md-12 col-lg-6"> | |||
| 12208 | <div class="wpb_wrapper vc_column-inner"> | 12208 | <div class="wpb_wrapper vc_column-inner"> | |||
| 12209 | <div id="interactive-banner-wrap-5678" class="porto-ibanner" style="min-height: 150px;"> | 12209 | <div id="interactive-banner-wrap-5678" class="porto-ibanner" style="min-height: 150px;"> | |||
| 12210 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/21/shop21_home_ads2.jpg"}}" /> | 12210 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/21/shop21_home_ads2.jpg"}}" /> | |||
| 12211 | <div class="porto-ibanner-desc"> | 12211 | <div class="porto-ibanner-desc"> | |||
| 12212 | <h2 class="porto-ibanner-title" style="color: #222529;">FOR ALL STYLES</h2> | 12212 | <h2 class="porto-ibanner-title" style="color: #222529;">FOR ALL STYLES</h2> | |||
| 12213 | <div class="porto-ibanner-content" style=""> | 12213 | <div class="porto-ibanner-content" style=""> | |||
| 12214 | <h4>Starting From <b>$199</b></h4> | 12214 | <h4>Starting From <b>$199</b></h4> | |||
| 12215 | <p><a class="btn btn-primary">Shop Now</a></p> | 12215 | <p><a class="btn btn-primary">Shop Now</a></p> | |||
| 12216 | </div> | 12216 | </div> | |||
| 12217 | </div> | 12217 | </div> | |||
| 12218 | </div> | 12218 | </div> | |||
| 12219 | </div> | 12219 | </div> | |||
| 12220 | </div> | 12220 | </div> | |||
| 12221 | </div> | 12221 | </div> | |||
| 12222 | <div class="porto-products wpb_content_element title-border-bottom"> | 12222 | <div class="porto-products wpb_content_element title-border-bottom"> | |||
| 12223 | <h2 class="section-title"><span class="inline-title">New Arrivals</span><span class="line"></span></h2> | 12223 | <h2 class="section-title"><span class="inline-title">New Arrivals</span><span class="line"></span></h2> | |||
| 12224 | <div class="porto-products"> | 12224 | <div class="porto-products"> | |||
| 12225 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_type="3" product_count="6" column_count="6" aspect_ratio="0" image_width="300" image_height="300" template="grid.phtml"}} | 12225 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_type="3" product_count="6" column_count="6" aspect_ratio="0" image_width="300" image_height="300" template="grid.phtml"}} | |||
| 12226 | </div> | 12226 | </div> | |||
| 12227 | </div> | 12227 | </div> | |||
| 12228 | </div> | 12228 | </div> | |||
| 12229 | </div> | 12229 | </div> | |||
| 12230 | </div> | 12230 | </div> | |||
| 12231 | </div> | 12231 | </div> | |||
| 12232 | </div> | 12232 | </div> | |||
| 12233 | <div class="section section-default section-no-borders porto-inner-container" style="background:#f4f4f4;"> | 12233 | <div class="section section-default section-no-borders porto-inner-container" style="background:#f4f4f4;"> | |||
| 12234 | <style> | 12234 | <style> | |||
| 12235 | .porto-u-heading { | 12235 | .porto-u-heading { | |||
| 12236 | text-align: center; | 12236 | text-align: center; | |||
| 12237 | margin-bottom: 17px; | 12237 | margin-bottom: 17px; | |||
| 12238 | } | 12238 | } | |||
| 12239 | .porto-u-heading-spacer { | 12239 | .porto-u-heading-spacer { | |||
| 12240 | margin: 0 auto; | 12240 | margin: 0 auto; | |||
| 12241 | padding: 0; | 12241 | padding: 0; | |||
| 12242 | position: relative; | 12242 | position: relative; | |||
| 12243 | overflow: hidden; | 12243 | overflow: hidden; | |||
| 12244 | } | 12244 | } | |||
| 12245 | .porto-u-headings-line { | 12245 | .porto-u-headings-line { | |||
| 12246 | display: block; | 12246 | display: block; | |||
| 12247 | width: 100%; | 12247 | width: 100%; | |||
| 12248 | max-width: 100%; | 12248 | max-width: 100%; | |||
| 12249 | margin-left: auto; | 12249 | margin-left: auto; | |||
| 12250 | margin-right: auto; | 12250 | margin-right: auto; | |||
| 12251 | } | 12251 | } | |||
| 12252 | </style> | 12252 | </style> | |||
| 12253 | <div class="porto-wrap-container container"> | 12253 | <div class="porto-wrap-container container"> | |||
| 12254 | <div class="row"> | 12254 | <div class="row"> | |||
| 12255 | <div class="col-md-12 col-lg-4" style="padding-top: 16px;"> | 12255 | <div class="col-md-12 col-lg-4" style="padding-top: 16px;"> | |||
| 12256 | <div class="wpb_wrapper vc_column-inner"> | 12256 | <div class="wpb_wrapper vc_column-inner"> | |||
| 12257 | <div class="porto-u-heading" data-hspacer="line_only" data-halign="left" style="text-align: left;"> | 12257 | <div class="porto-u-heading" data-hspacer="line_only" data-halign="left" style="text-align: left;"> | |||
| 12258 | <div class="porto-u-main-heading"><h2 style="font-weight: 600; margin-bottom: 19px; font-size: 18px;line-height: normal;">Special Offer</h2></div> | 12258 | <div class="porto-u-main-heading"><h2 style="font-weight: 600; margin-bottom: 19px; font-size: 18px;line-height: normal;">Special Offer</h2></div> | |||
| 12259 | <div class="porto-u-heading-spacer line_only" style="margin-bottom: 30px; height: 1px;"> | 12259 | <div class="porto-u-heading-spacer line_only" style="margin-bottom: 30px; height: 1px;"> | |||
| 12260 | <span class="porto-u-headings-line" style="border-style: solid; border-bottom-width: 1px; border-color: #eaeaea; width: auto; margin-left: 0;"></span> | 12260 | <span class="porto-u-headings-line" style="border-style: solid; border-bottom-width: 1px; border-color: #eaeaea; width: auto; margin-left: 0;"></span> | |||
| 12261 | </div> | 12261 | </div> | |||
| 12262 | </div> | 12262 | </div> | |||
| 12263 | <div class="wpb_single_image wpb_content_element vc_align_left"> | 12263 | <div class="wpb_single_image wpb_content_element vc_align_left"> | |||
| 12264 | <div class="wpb_wrapper"> | 12264 | <div class="wpb_wrapper"> | |||
| 12265 | <a href="#" target="_self"> | 12265 | <a href="#" target="_self"> | |||
| 12266 | <div class="vc_single_image-wrapper vc_box_border_grey"> | 12266 | <div class="vc_single_image-wrapper vc_box_border_grey"> | |||
| 12267 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/21/shop21_home_ads3.jpg"}}" /> | 12267 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/21/shop21_home_ads3.jpg"}}" /> | |||
| 12268 | </div> | 12268 | </div> | |||
| 12269 | </a> | 12269 | </a> | |||
| 12270 | </div> | 12270 | </div> | |||
| 12271 | </div> | 12271 | </div> | |||
| 12272 | </div> | 12272 | </div> | |||
| 12273 | </div> | 12273 | </div> | |||
| 12274 | <div class="col-md-12 col-lg-8"> | 12274 | <div class="col-md-12 col-lg-8"> | |||
| 12275 | <div class="wpb_wrapper vc_column-inner"> | 12275 | <div class="wpb_wrapper vc_column-inner"> | |||
| 12276 | <style> | 12276 | <style> | |||
| 12277 | .product.data.items > .item.title { | 12277 | .product.data.items > .item.title { | |||
| 12278 | margin: 0 1px 0 0; | 12278 | margin: 0 1px 0 0; | |||
| 12279 | color: #21293c; | 12279 | color: #21293c; | |||
| 12280 | padding: 15px 0 15px; | 12280 | padding: 15px 0 15px; | |||
| 12281 | font-weight: 600; | 12281 | font-weight: 600; | |||
| 12282 | text-transform: none; | 12282 | text-transform: none; | |||
| 12283 | border-bottom-width: 3px; | 12283 | border-bottom-width: 3px; | |||
| 12284 | padding-left: 22px; | 12284 | padding-left: 22px; | |||
| 12285 | padding-right: 22px; | 12285 | padding-right: 22px; | |||
| 12286 | letter-spacing: -.01em; | 12286 | letter-spacing: -.01em; | |||
| 12287 | font-size: 16px; | 12287 | font-size: 16px; | |||
| 12288 | } | 12288 | } | |||
| 12289 | .product.data.items > .item.title:hover { | 12289 | .product.data.items > .item.title:hover { | |||
| 12290 | border-color: #f4631b; | 12290 | border-color: #f4631b; | |||
| 12291 | } | 12291 | } | |||
| 12292 | .product.data.items > .item.title > .switch { | 12292 | .product.data.items > .item.title > .switch { | |||
| 12293 | font-size: inherit; | 12293 | font-size: inherit; | |||
| 12294 | } | 12294 | } | |||
| 12295 | .product.data.items > .item.title.active { | 12295 | .product.data.items > .item.title.active { | |||
| 12296 | color: #f4631b; | 12296 | color: #f4631b; | |||
| 12297 | border-color: #f4631b; | 12297 | border-color: #f4631b; | |||
| 12298 | } | 12298 | } | |||
| 12299 | @media(min-width: 768px){ | 12299 | @media(min-width: 768px){ | |||
| 12300 | .product.data.items > .item.content { | 12300 | .product.data.items > .item.content { | |||
| 12301 | border-top: solid 1px #eee; | 12301 | border-top: solid 1px #eee; | |||
| 12302 | margin-top: 60px; | 12302 | margin-top: 60px; | |||
| 12303 | } | 12303 | } | |||
| 12304 | } | 12304 | } | |||
| 12305 | </style> | 12305 | </style> | |||
| 12306 | <div class="tabs tabs-simple"> | 12306 | <div class="tabs tabs-simple"> | |||
| 12307 | <div class="product data items" data-mage-init='{"tabs":{"openedState":"active","collapsible":"true"}}'> | 12307 | <div class="product data items" data-mage-init='{"tabs":{"openedState":"active","collapsible":"true"}}'> | |||
| 12308 | <div class="data item title" aria-labeledby="tab-label-tab1-title" data-role="collapsible" id="tab-label-tab1"> | 12308 | <div class="data item title" aria-labeledby="tab-label-tab1-title" data-role="collapsible" id="tab-label-tab1"> | |||
| 12309 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#tab1" id="tab-label-tab1-title"> | 12309 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#tab1" id="tab-label-tab1-title"> | |||
| 12310 | <span>Best Sellers</span> | 12310 | <span>Best Sellers</span> | |||
| 12311 | </a> | 12311 | </a> | |||
| 12312 | </div> | 12312 | </div> | |||
| 12313 | <div class="data item content" id="tab1" data-role="content"> | 12313 | <div class="data item content" id="tab1" data-role="content"> | |||
| 12314 | {{block class="Smartwave\Filterproducts\Block\Home\BestsellersList" name="featured_product" product_count="4" column_count="4" product_type="3" aspect_ratio="0" image_width="350" image_height="350" template="grid.phtml"}} | 12314 | {{block class="Smartwave\Filterproducts\Block\Home\BestsellersList" name="featured_product" product_count="4" column_count="4" product_type="3" aspect_ratio="0" image_width="350" image_height="350" template="grid.phtml"}} | |||
| 12315 | </div> | 12315 | </div> | |||
| 12316 | <div class="data item title" aria-labeledby="tab-label-tab2-title" data-role="collapsible" id="tab-label-tab2"> | 12316 | <div class="data item title" aria-labeledby="tab-label-tab2-title" data-role="collapsible" id="tab-label-tab2"> | |||
| 12317 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#tab2" id="tab-label-tab2-title"> | 12317 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#tab2" id="tab-label-tab2-title"> | |||
| 12318 | <span>Audio Speakers</span> | 12318 | <span>Audio Speakers</span> | |||
| 12319 | </a> | 12319 | </a> | |||
| 12320 | </div> | 12320 | </div> | |||
| 12321 | <div class="data item content" id="tab2" data-role="content"> | 12321 | <div class="data item content" id="tab2" data-role="content"> | |||
| 12322 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" product_count="4" column_count="4" product_type="3" aspect_ratio="0" image_width="300" image_height="300" template="grid.phtml"}} | 12322 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" product_count="4" column_count="4" product_type="3" aspect_ratio="0" image_width="300" image_height="300" template="grid.phtml"}} | |||
| 12323 | </div> | 12323 | </div> | |||
| 12324 | <div class="data item title" aria-labeledby="tab-label-tab3-title" data-role="collapsible" id="tab-label-tab3"> | 12324 | <div class="data item title" aria-labeledby="tab-label-tab3-title" data-role="collapsible" id="tab-label-tab3"> | |||
| 12325 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#tab3" id="tab-label-tab3-title"> | 12325 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#tab3" id="tab-label-tab3-title"> | |||
| 12326 | <span>Cameras</span> | 12326 | <span>Cameras</span> | |||
| 12327 | </a> | 12327 | </a> | |||
| 12328 | </div> | 12328 | </div> | |||
| 12329 | <div class="data item content" id="tab3" data-role="content"> | 12329 | <div class="data item content" id="tab3" data-role="content"> | |||
| 12330 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" product_count="4" column_count="4" product_type="3" aspect_ratio="0" image_width="300" image_height="300" template="grid.phtml"}} | 12330 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" product_count="4" column_count="4" product_type="3" aspect_ratio="0" image_width="300" image_height="300" template="grid.phtml"}} | |||
| 12331 | </div> | 12331 | </div> | |||
| 12332 | <div class="data item title" aria-labeledby="tab-label-tab4-title" data-role="collapsible" id="tab-label-tab4"> | 12332 | <div class="data item title" aria-labeledby="tab-label-tab4-title" data-role="collapsible" id="tab-label-tab4"> | |||
| 12333 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#tab4" id="tab-label-tab4-title"> | 12333 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#tab4" id="tab-label-tab4-title"> | |||
| 12334 | <span>Lamps</span> | 12334 | <span>Lamps</span> | |||
| 12335 | </a> | 12335 | </a> | |||
| 12336 | </div> | 12336 | </div> | |||
| 12337 | <div class="data item content" id="tab4" data-role="content"> | 12337 | <div class="data item content" id="tab4" data-role="content"> | |||
| 12338 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" product_count="4" column_count="4" product_type="3" aspect_ratio="0" image_width="300" image_height="300" template="grid.phtml"}} | 12338 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" product_count="4" column_count="4" product_type="3" aspect_ratio="0" image_width="300" image_height="300" template="grid.phtml"}} | |||
| 12339 | </div> | 12339 | </div> | |||
| 12340 | <div class="data item title" aria-labeledby="tab-label-tab5-title" data-role="collapsible" id="tab-label-tab5"> | 12340 | <div class="data item title" aria-labeledby="tab-label-tab5-title" data-role="collapsible" id="tab-label-tab5"> | |||
| 12341 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#tab5" id="tab-label-tab5-title"> | 12341 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#tab5" id="tab-label-tab5-title"> | |||
| 12342 | <span>Computer</span> | 12342 | <span>Computer</span> | |||
| 12343 | </a> | 12343 | </a> | |||
| 12344 | </div> | 12344 | </div> | |||
| 12345 | <div class="data item content" id="tab5" data-role="content"> | 12345 | <div class="data item content" id="tab5" data-role="content"> | |||
| 12346 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" product_count="4" column_count="4" product_type="3" aspect_ratio="0" image_width="300" image_height="300" template="grid.phtml"}} | 12346 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" product_count="4" column_count="4" product_type="3" aspect_ratio="0" image_width="300" image_height="300" template="grid.phtml"}} | |||
| 12347 | </div> | 12347 | </div> | |||
| 12348 | <div class="data item title" aria-labeledby="tab-label-tab6-title" data-role="collapsible" id="tab-label-tab6"> | 12348 | <div class="data item title" aria-labeledby="tab-label-tab6-title" data-role="collapsible" id="tab-label-tab6"> | |||
| 12349 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#tab6" id="tab-label-tab6-title"> | 12349 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#tab6" id="tab-label-tab6-title"> | |||
| 12350 | <span>Mobile Phones</span> | 12350 | <span>Mobile Phones</span> | |||
| 12351 | </a> | 12351 | </a> | |||
| 12352 | </div> | 12352 | </div> | |||
| 12353 | <div class="data item content" id="tab6" data-role="content"> | 12353 | <div class="data item content" id="tab6" data-role="content"> | |||
| 12354 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" product_count="4" column_count="4" product_type="3" aspect_ratio="0" image_width="300" image_height="300" template="grid.phtml"}} | 12354 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" product_count="4" column_count="4" product_type="3" aspect_ratio="0" image_width="300" image_height="300" template="grid.phtml"}} | |||
| 12355 | </div> | 12355 | </div> | |||
| 12356 | </div> | 12356 | </div> | |||
| 12357 | </div> | 12357 | </div> | |||
| 12358 | </div> | 12358 | </div> | |||
| 12359 | </div> | 12359 | </div> | |||
| 12360 | </div> | 12360 | </div> | |||
| 12361 | </div> | 12361 | </div> | |||
| 12362 | </div> | 12362 | </div> | |||
| 12363 | <div class="home-subcats porto-inner-container" style="padding-top: 48px; padding-bottom: 28px;"> | 12363 | <div class="home-subcats porto-inner-container" style="padding-top: 48px; padding-bottom: 28px;"> | |||
| 12364 | <style> | 12364 | <style> | |||
| 12365 | .home-subcats .porto-sicon-box { | 12365 | .home-subcats .porto-sicon-box { | |||
| 12366 | border: 1px solid #e7e7e7; | 12366 | border: 1px solid #e7e7e7; | |||
| 12367 | padding: 2rem; | 12367 | padding: 2rem; | |||
| 12368 | align-items: center; | 12368 | align-items: center; | |||
| 12369 | } | 12369 | } | |||
| 12370 | </style> | 12370 | </style> | |||
| 12371 | <div class="container"> | 12371 | <div class="container"> | |||
| 12372 | <div class="row"> | 12372 | <div class="row"> | |||
| 12373 | <div class="col-md-6 col-xl-3"> | 12373 | <div class="col-md-6 col-xl-3"> | |||
| 12374 | <div class="wpb_wrapper vc_column-inner"> | 12374 | <div class="wpb_wrapper vc_column-inner"> | |||
| 12375 | <div class="porto-sicon-box style_1 left-icon"> | 12375 | <div class="porto-sicon-box style_1 left-icon"> | |||
| 12376 | <div class="porto-sicon-left"> | 12376 | <div class="porto-sicon-left"> | |||
| 12377 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 12377 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 12378 | <div class="porto-sicon-img" style="display: inline-block; font-size: 107px;"> | 12378 | <div class="porto-sicon-img" style="display: inline-block; font-size: 107px;"> | |||
| 12379 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/21/shop21_subcat1.jpg"}}" /> | 12379 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/21/shop21_subcat1.jpg"}}" /> | |||
| 12380 | </div> | 12380 | </div> | |||
| 12381 | </div> | 12381 | </div> | |||
| 12382 | </div> | 12382 | </div> | |||
| 12383 | <div class="porto-sicon-body"> | 12383 | <div class="porto-sicon-body"> | |||
| 12384 | <div class="porto-sicon-header"> | 12384 | <div class="porto-sicon-header"> | |||
| 12385 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 17px; line-height: 20px; color: #222529;"> | 12385 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 17px; line-height: 20px; color: #222529;"> | |||
| 12386 | Top Sharp<br /> | 12386 | Top Sharp<br /> | |||
| 12387 | Knives | 12387 | Knives | |||
| 12388 | </h3> | 12388 | </h3> | |||
| 12389 | </div> | 12389 | </div> | |||
| 12390 | <div class="porto-sicon-description" style=""><a class="btn btn-dark" href="#">Shop Now</a></div> | 12390 | <div class="porto-sicon-description" style=""><a class="btn btn-dark" href="#">Shop Now</a></div> | |||
| 12391 | </div> | 12391 | </div> | |||
| 12392 | </div> | 12392 | </div> | |||
| 12393 | </div> | 12393 | </div> | |||
| 12394 | </div> | 12394 | </div> | |||
| 12395 | <div class="col-md-6 col-xl-3"> | 12395 | <div class="col-md-6 col-xl-3"> | |||
| 12396 | <div class="wpb_wrapper vc_column-inner"> | 12396 | <div class="wpb_wrapper vc_column-inner"> | |||
| 12397 | <div class="porto-sicon-box style_1 left-icon"> | 12397 | <div class="porto-sicon-box style_1 left-icon"> | |||
| 12398 | <div class="porto-sicon-left"> | 12398 | <div class="porto-sicon-left"> | |||
| 12399 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 12399 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 12400 | <div class="porto-sicon-img" style="display: inline-block; font-size: 107px;"> | 12400 | <div class="porto-sicon-img" style="display: inline-block; font-size: 107px;"> | |||
| 12401 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/21/shop21_subcat2.jpg"}}" /> | 12401 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/21/shop21_subcat2.jpg"}}" /> | |||
| 12402 | </div> | 12402 | </div> | |||
| 12403 | </div> | 12403 | </div> | |||
| 12404 | </div> | 12404 | </div> | |||
| 12405 | <div class="porto-sicon-body"> | 12405 | <div class="porto-sicon-body"> | |||
| 12406 | <div class="porto-sicon-header"> | 12406 | <div class="porto-sicon-header"> | |||
| 12407 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 17px; line-height: 20px; color: #222529;"> | 12407 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 17px; line-height: 20px; color: #222529;"> | |||
| 12408 | HD Vision<br /> | 12408 | HD Vision<br /> | |||
| 12409 | Web Cameras | 12409 | Web Cameras | |||
| 12410 | </h3> | 12410 | </h3> | |||
| 12411 | </div> | 12411 | </div> | |||
| 12412 | <div class="porto-sicon-description" style=""><a class="btn btn-dark" href="#">Shop Now</a></div> | 12412 | <div class="porto-sicon-description" style=""><a class="btn btn-dark" href="#">Shop Now</a></div> | |||
| 12413 | </div> | 12413 | </div> | |||
| 12414 | </div> | 12414 | </div> | |||
| 12415 | </div> | 12415 | </div> | |||
| 12416 | </div> | 12416 | </div> | |||
| 12417 | <div class="vc_column_container col-md-6 col-xl-3"> | 12417 | <div class="vc_column_container col-md-6 col-xl-3"> | |||
| 12418 | <div class="wpb_wrapper vc_column-inner"> | 12418 | <div class="wpb_wrapper vc_column-inner"> | |||
| 12419 | <div class="porto-sicon-box style_1 left-icon"> | 12419 | <div class="porto-sicon-box style_1 left-icon"> | |||
| 12420 | <div class="porto-sicon-left"> | 12420 | <div class="porto-sicon-left"> | |||
| 12421 | <div id="porto-icon-498129668606486b1eb734" class="porto-just-icon-wrapper" style="text-align: center;"> | 12421 | <div id="porto-icon-498129668606486b1eb734" class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 12422 | <div class="porto-sicon-img" style="display: inline-block; font-size: 107px;"> | 12422 | <div class="porto-sicon-img" style="display: inline-block; font-size: 107px;"> | |||
| 12423 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/21/shop21_subcat3.jpg"}}" /> | 12423 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/21/shop21_subcat3.jpg"}}" /> | |||
| 12424 | </div> | 12424 | </div> | |||
| 12425 | </div> | 12425 | </div> | |||
| 12426 | </div> | 12426 | </div> | |||
| 12427 | <div class="porto-sicon-body"> | 12427 | <div class="porto-sicon-body"> | |||
| 12428 | <div class="porto-sicon-header"> | 12428 | <div class="porto-sicon-header"> | |||
| 12429 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 17px; line-height: 20px; color: #222529;"> | 12429 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 17px; line-height: 20px; color: #222529;"> | |||
| 12430 | Mobiles And<br /> | 12430 | Mobiles And<br /> | |||
| 12431 | Tablets | 12431 | Tablets | |||
| 12432 | </h3> | 12432 | </h3> | |||
| 12433 | </div> | 12433 | </div> | |||
| 12434 | <div class="porto-sicon-description" style=""><a class="btn btn-dark" href="#">Shop Now</a></div> | 12434 | <div class="porto-sicon-description" style=""><a class="btn btn-dark" href="#">Shop Now</a></div> | |||
| 12435 | </div> | 12435 | </div> | |||
| 12436 | </div> | 12436 | </div> | |||
| 12437 | </div> | 12437 | </div> | |||
| 12438 | </div> | 12438 | </div> | |||
| 12439 | <div class="vc_column_container col-md-6 col-xl-3"> | 12439 | <div class="vc_column_container col-md-6 col-xl-3"> | |||
| 12440 | <div class="wpb_wrapper vc_column-inner"> | 12440 | <div class="wpb_wrapper vc_column-inner"> | |||
| 12441 | <div class="porto-sicon-box style_1 left-icon"> | 12441 | <div class="porto-sicon-box style_1 left-icon"> | |||
| 12442 | <div class="porto-sicon-left"> | 12442 | <div class="porto-sicon-left"> | |||
| 12443 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 12443 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 12444 | <div class="porto-sicon-img" style="display: inline-block; font-size: 107px;"> | 12444 | <div class="porto-sicon-img" style="display: inline-block; font-size: 107px;"> | |||
| 12445 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/21/shop21_subcat4.jpg"}}" /> | 12445 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/21/shop21_subcat4.jpg"}}" /> | |||
| 12446 | </div> | 12446 | </div> | |||
| 12447 | </div> | 12447 | </div> | |||
| 12448 | </div> | 12448 | </div> | |||
| 12449 | <div class="porto-sicon-body"> | 12449 | <div class="porto-sicon-body"> | |||
| 12450 | <div class="porto-sicon-header"> | 12450 | <div class="porto-sicon-header"> | |||
| 12451 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 17px; line-height: 20px; color: #222529;"> | 12451 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 17px; line-height: 20px; color: #222529;"> | |||
| 12452 | Smart<br /> | 12452 | Smart<br /> | |||
| 12453 | Watches | 12453 | Watches | |||
| 12454 | </h3> | 12454 | </h3> | |||
| 12455 | </div> | 12455 | </div> | |||
| 12456 | <div class="porto-sicon-description" style=""><a class="btn btn-dark" href="#">Shop Now</a></div> | 12456 | <div class="porto-sicon-description" style=""><a class="btn btn-dark" href="#">Shop Now</a></div> | |||
| 12457 | </div> | 12457 | </div> | |||
| 12458 | </div> | 12458 | </div> | |||
| 12459 | </div> | 12459 | </div> | |||
| 12460 | </div> | 12460 | </div> | |||
| 12461 | </div> | 12461 | </div> | |||
| 12462 | </div> | 12462 | </div> | |||
| 12463 | </div> | 12463 | </div> | |||
| 12464 | <div class="section section-default section-no-borders porto-inner-container" style="padding-top: 80px; padding-bottom: 60px;background-color: #f4f4f4;"> | 12464 | <div class="section section-default section-no-borders porto-inner-container" style="padding-top: 80px; padding-bottom: 60px;background-color: #f4f4f4;"> | |||
| 12465 | <div class="porto-wrap-container container"> | 12465 | <div class="porto-wrap-container container"> | |||
| 12466 | <div class="row"> | 12466 | <div class="row"> | |||
| 12467 | <div class="col-md-4"> | 12467 | <div class="col-md-4"> | |||
| 12468 | <div class="wpb_wrapper vc_column-inner"> | 12468 | <div class="wpb_wrapper vc_column-inner"> | |||
| 12469 | <div class="porto-sicon-box style_1 top-icon"> | 12469 | <div class="porto-sicon-box style_1 top-icon"> | |||
| 12470 | <div class="porto-sicon-top"> | 12470 | <div class="porto-sicon-top"> | |||
| 12471 | <div class="porto-just-icon-wrapper" style="text-align: center;margin-bottom: 30px;"> | 12471 | <div class="porto-just-icon-wrapper" style="text-align: center;margin-bottom: 30px;"> | |||
| 12472 | <div class="porto-icon none" style="color: #f4631b; font-size: 50px; display: inline-block;"><i class="porto-icon-shipping"></i></div> | 12472 | <div class="porto-icon none" style="color: #f4631b; font-size: 50px; display: inline-block;"><i class="porto-icon-shipping"></i></div> | |||
| 12473 | </div> | 12473 | </div> | |||
| 12474 | </div> | 12474 | </div> | |||
| 12475 | <div class="porto-sicon-header"> | 12475 | <div class="porto-sicon-header"> | |||
| 12476 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 18px; line-height: 27px;">FREE SHIPPING & RETURNS</h3> | 12476 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 18px; line-height: 27px;">FREE SHIPPING & RETURNS</h3> | |||
| 12477 | <p style="font-weight: 600; font-size: 17px; color: #21293c;">All Orders Over $99</p> | 12477 | <p style="font-weight: 600; font-size: 17px; color: #21293c;">All Orders Over $99</p> | |||
| 12478 | </div> | 12478 | </div> | |||
| 12479 | <div class="porto-sicon-description" style="font-size: 16px; line-height: 26px; color: #7b858a;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapibus.</div> | 12479 | <div class="porto-sicon-description" style="font-size: 16px; line-height: 26px; color: #7b858a;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapibus.</div> | |||
| 12480 | </div> | 12480 | </div> | |||
| 12481 | </div> | 12481 | </div> | |||
| 12482 | </div> | 12482 | </div> | |||
| 12483 | <div class="col-md-4"> | 12483 | <div class="col-md-4"> | |||
| 12484 | <div class="wpb_wrapper vc_column-inner"> | 12484 | <div class="wpb_wrapper vc_column-inner"> | |||
| 12485 | <div class="porto-sicon-box style_1 top-icon"> | 12485 | <div class="porto-sicon-box style_1 top-icon"> | |||
| 12486 | <div class="porto-sicon-top"> | 12486 | <div class="porto-sicon-top"> | |||
| 12487 | <div class="porto-just-icon-wrapper" style="text-align: center;margin-bottom: 30px;"> | 12487 | <div class="porto-just-icon-wrapper" style="text-align: center;margin-bottom: 30px;"> | |||
| 12488 | <div class="porto-icon none" style="color: #f4631b; font-size: 50px; display: inline-block;"><i class="porto-icon-money"></i></div> | 12488 | <div class="porto-icon none" style="color: #f4631b; font-size: 50px; display: inline-block;"><i class="porto-icon-money"></i></div> | |||
| 12489 | </div> | 12489 | </div> | |||
| 12490 | </div> | 12490 | </div> | |||
| 12491 | <div class="porto-sicon-header"> | 12491 | <div class="porto-sicon-header"> | |||
| 12492 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 18px; line-height: 27px;">MONEY BACK GUARANTEE</h3> | 12492 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 18px; line-height: 27px;">MONEY BACK GUARANTEE</h3> | |||
| 12493 | <p style="font-weight: 600; font-size: 17px; color: #21293c;">Safe & Fast</p> | 12493 | <p style="font-weight: 600; font-size: 17px; color: #21293c;">Safe & Fast</p> | |||
| 12494 | </div> | 12494 | </div> | |||
| 12495 | <div class="porto-sicon-description" style="font-size: 16px; line-height: 26px; color: #7b858a;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapibus.</div> | 12495 | <div class="porto-sicon-description" style="font-size: 16px; line-height: 26px; color: #7b858a;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapibus.</div> | |||
| 12496 | </div> | 12496 | </div> | |||
| 12497 | </div> | 12497 | </div> | |||
| 12498 | </div> | 12498 | </div> | |||
| 12499 | <div class="col-md-4"> | 12499 | <div class="col-md-4"> | |||
| 12500 | <div class="wpb_wrapper vc_column-inner"> | 12500 | <div class="wpb_wrapper vc_column-inner"> | |||
| 12501 | <div class="porto-sicon-box style_1 top-icon"> | 12501 | <div class="porto-sicon-box style_1 top-icon"> | |||
| 12502 | <div class="porto-sicon-top"> | 12502 | <div class="porto-sicon-top"> | |||
| 12503 | <div class="porto-just-icon-wrapper" style="text-align: center;margin-bottom: 30px;"> | 12503 | <div class="porto-just-icon-wrapper" style="text-align: center;margin-bottom: 30px;"> | |||
| 12504 | <div class="porto-icon none" style="color: #f4631b; font-size: 50px; display: inline-block;"><i class="porto-icon-support"></i></div> | 12504 | <div class="porto-icon none" style="color: #f4631b; font-size: 50px; display: inline-block;"><i class="porto-icon-support"></i></div> | |||
| 12505 | </div> | 12505 | </div> | |||
| 12506 | </div> | 12506 | </div> | |||
| 12507 | <div class="porto-sicon-header"> | 12507 | <div class="porto-sicon-header"> | |||
| 12508 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 18px; line-height: 27px;">ONLINE SUPPORT</h3> | 12508 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 18px; line-height: 27px;">ONLINE SUPPORT</h3> | |||
| 12509 | <p style="font-weight: 600; font-size: 17px; color: #21293c;">Need Assistence?</p> | 12509 | <p style="font-weight: 600; font-size: 17px; color: #21293c;">Need Assistence?</p> | |||
| 12510 | </div> | 12510 | </div> | |||
| 12511 | <div class="porto-sicon-description" style="font-size: 16px; line-height: 26px; color: #7b858a;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapibus.</div> | 12511 | <div class="porto-sicon-description" style="font-size: 16px; line-height: 26px; color: #7b858a;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapibus.</div> | |||
| 12512 | </div> | 12512 | </div> | |||
| 12513 | </div> | 12513 | </div> | |||
| 12514 | </div> | 12514 | </div> | |||
| 12515 | </div> | 12515 | </div> | |||
| 12516 | </div> | 12516 | </div> | |||
| 12517 | </div> | 12517 | </div> | |||
| 12518 | <div class="section porto-inner-container"> | 12518 | <div class="section porto-inner-container"> | |||
| 12519 | <div class="container"> | 12519 | <div class="container"> | |||
| 12520 | <div class="row"> | 12520 | <div class="row"> | |||
| 12521 | <div class="pt-lg-3 col-md-6 col-lg-3"> | 12521 | <div class="pt-lg-3 col-md-6 col-lg-3"> | |||
| 12522 | <div class="wpb_wrapper vc_column-inner"> | 12522 | <div class="wpb_wrapper vc_column-inner"> | |||
| 12523 | <h3 style="font-size: 16px; line-height: 1.5; font-weight: 600;padding-bottom: 10px;border-bottom: 1px solid #e7e7e7;" class="vc_custom_heading align-left">Top Rated Products</h3> | 12523 | <h3 style="font-size: 16px; line-height: 1.5; font-weight: 600;padding-bottom: 10px;border-bottom: 1px solid #e7e7e7;" class="vc_custom_heading align-left">Top Rated Products</h3> | |||
| 12524 | <div class="wpb_content_element"> | 12524 | <div class="wpb_content_element"> | |||
| 12525 | <div class="widget widget_top_rated_products"> | 12525 | <div class="widget widget_top_rated_products"> | |||
| 12526 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}} | 12526 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}} | |||
| 12527 | </div> | 12527 | </div> | |||
| 12528 | </div> | 12528 | </div> | |||
| 12529 | </div> | 12529 | </div> | |||
| 12530 | </div> | 12530 | </div> | |||
| 12531 | <div class="pt-lg-3 col-md-6 col-lg-3"> | 12531 | <div class="pt-lg-3 col-md-6 col-lg-3"> | |||
| 12532 | <div class="wpb_wrapper vc_column-inner"> | 12532 | <div class="wpb_wrapper vc_column-inner"> | |||
| 12533 | <h3 style="font-size: 16px; line-height: 1.5; font-weight: 600;padding-bottom: 10px;border-bottom: 1px solid #e7e7e7;" class="vc_custom_heading align-left">Top Selling Products</h3> | 12533 | <h3 style="font-size: 16px; line-height: 1.5; font-weight: 600;padding-bottom: 10px;border-bottom: 1px solid #e7e7e7;" class="vc_custom_heading align-left">Top Selling Products</h3> | |||
| 12534 | <div class="wpb_content_element"> | 12534 | <div class="wpb_content_element"> | |||
| 12535 | <div class="widget widget_products"> | 12535 | <div class="widget widget_products"> | |||
| 12536 | {{block class="Smartwave\Filterproducts\Block\Home\BestsellersList" name="featured_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}} | 12536 | {{block class="Smartwave\Filterproducts\Block\Home\BestsellersList" name="featured_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}} | |||
| 12537 | </div> | 12537 | </div> | |||
| 12538 | </div> | 12538 | </div> | |||
| 12539 | </div> | 12539 | </div> | |||
| 12540 | </div> | 12540 | </div> | |||
| 12541 | <div class="pt-lg-3 col-md-6 col-lg-3"> | 12541 | <div class="pt-lg-3 col-md-6 col-lg-3"> | |||
| 12542 | <div class="wpb_wrapper vc_column-inner"> | 12542 | <div class="wpb_wrapper vc_column-inner"> | |||
| 12543 | <h3 style="font-size: 16px; line-height: 1.5; font-weight: 600;padding-bottom: 10px;border-bottom: 1px solid #e7e7e7;" class="vc_custom_heading align-left">On Sale Products</h3> | 12543 | <h3 style="font-size: 16px; line-height: 1.5; font-weight: 600;padding-bottom: 10px;border-bottom: 1px solid #e7e7e7;" class="vc_custom_heading align-left">On Sale Products</h3> | |||
| 12544 | <div class="wpb_content_element"> | 12544 | <div class="wpb_content_element"> | |||
| 12545 | <div class="widget widget_products"> | 12545 | <div class="widget widget_products"> | |||
| 12546 | {{block class="Smartwave\Filterproducts\Block\Home\SaleList" name="featured_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}} | 12546 | {{block class="Smartwave\Filterproducts\Block\Home\SaleList" name="featured_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}} | |||
| 12547 | </div> | 12547 | </div> | |||
| 12548 | </div> | 12548 | </div> | |||
| 12549 | </div> | 12549 | </div> | |||
| 12550 | </div> | 12550 | </div> | |||
| 12551 | <div class=" col-md-6 col-lg-3"> | 12551 | <div class=" col-md-6 col-lg-3"> | |||
| 12552 | <div class="wpb_wrapper vc_column-inner"> | 12552 | <div class="wpb_wrapper vc_column-inner"> | |||
| 12553 | <style> | 12553 | <style> | |||
| 12554 | .top_sale_product { | 12554 | .top_sale_product { | |||
| 12555 | border: 3px solid #f4631b; | 12555 | border: 3px solid #f4631b; | |||
| 12556 | } | 12556 | } | |||
| 12557 | .top_sale_product .sw-dailydeal { | 12557 | .top_sale_product .sw-dailydeal { | |||
| 12558 | bottom: -8.5rem; | 12558 | bottom: -8.5rem; | |||
| 12559 | color: #444; | 12559 | color: #444; | |||
| 12560 | background: #f4f4f4; | 12560 | background: #f4f4f4; | |||
| 12561 | border-radius: 2rem; | 12561 | border-radius: 2rem; | |||
| 12562 | left: 15%; | 12562 | left: 15%; | |||
| 12563 | right: 15%; | 12563 | right: 15%; | |||
| 12564 | } | 12564 | } | |||
| 12565 | .top_sale_product .sale-product-daily-deal .daily-deal-title { | 12565 | .top_sale_product .sale-product-daily-deal .daily-deal-title { | |||
| 12566 | color: #444; | 12566 | color: #444; | |||
| 12567 | } | 12567 | } | |||
| 12568 | .top_sale_product .product-item-info .product-item-inner, .top_sale_product .products-grid .product-item .product-item-info .weltpixel-quickview.weltpixel_quickview_button_v2 { | 12568 | .top_sale_product .product-item-info .product-item-inner, .top_sale_product .products-grid .product-item .product-item-info .weltpixel-quickview.weltpixel_quickview_button_v2 { | |||
| 12569 | display: none; | 12569 | display: none; | |||
| 12570 | } | 12570 | } | |||
| 12571 | .porto-products { | 12571 | .porto-products { | |||
| 12572 | position: relative; | 12572 | position: relative; | |||
| 12573 | } | 12573 | } | |||
| 12574 | .porto-products .flash-deal { | 12574 | .porto-products .flash-deal { | |||
| 12575 | position: absolute; | 12575 | position: absolute; | |||
| 12576 | left: 0; | 12576 | left: 0; | |||
| 12577 | width: 100%; | 12577 | width: 100%; | |||
| 12578 | z-index: 2; | 12578 | z-index: 2; | |||
| 12579 | top: 1rem; | 12579 | top: 1rem; | |||
| 12580 | color: #222529; | 12580 | color: #222529; | |||
| 12581 | font-size: 16px; | 12581 | font-size: 16px; | |||
| 12582 | font-weight: 700; | 12582 | font-weight: 700; | |||
| 12583 | text-align: center; | 12583 | text-align: center; | |||
| 12584 | } | 12584 | } | |||
| 12585 | .top_sale_product .products-grid .product-item:hover, .top_sale_product .product-item-info:hover .product-item-photo { | 12585 | .top_sale_product .products-grid .product-item:hover, .top_sale_product .product-item-info:hover .product-item-photo { | |||
| 12586 | box-shadow: none; | 12586 | box-shadow: none; | |||
| 12587 | } | 12587 | } | |||
| 12588 | </style> | 12588 | </style> | |||
| 12589 | <div class="porto-products wpb_content_element top_sale_product"> | 12589 | <div class="porto-products wpb_content_element top_sale_product"> | |||
| 12590 | <span class="flash-deal">Flash Deals</span> | 12590 | <span class="flash-deal">Flash Deals</span> | |||
| 12591 | {{block class="Smartwave\Filterproducts\Block\Home\SaleList" name="featured_product" product_type="1" product_count="1" column_count="1" aspect_ratio="0" image_width="360" image_height="300" template="grid.phtml"}} | 12591 | {{block class="Smartwave\Filterproducts\Block\Home\SaleList" name="featured_product" product_type="1" product_count="1" column_count="1" aspect_ratio="0" image_width="360" image_height="300" template="grid.phtml"}} | |||
| 12592 | </div> | 12592 | </div> | |||
| 12593 | </div> | 12593 | </div> | |||
| 12594 | </div> | 12594 | </div> | |||
| 12595 | </div> | 12595 | </div> | |||
| 12596 | </div> | 12596 | </div> | |||
| 12597 | </div> | 12597 | </div> | |||
| 12598 | <div class="porto-inner-container"> | 12598 | <div class="porto-inner-container"> | |||
| 12599 | <div class="container"> | 12599 | <div class="container"> | |||
| 12600 | <div class="row"> | 12600 | <div class="row"> | |||
| 12601 | <div class="col-md-12"> | 12601 | <div class="col-md-12"> | |||
| 12602 | <div class="wpb_wrapper vc_column-inner"> | 12602 | <div class="wpb_wrapper vc_column-inner"> | |||
| 12603 | <h2 class="vc_custom_heading align-left" style="font-size: 16px;line-height: 1; font-weight: 600;margin-bottom: 50px; border-bottom: 1px solid #e7e7e7; padding-bottom: 15px;"> | 12603 | <h2 class="vc_custom_heading align-left" style="font-size: 16px;line-height: 1; font-weight: 600;margin-bottom: 50px; border-bottom: 1px solid #e7e7e7; padding-bottom: 15px;"> | |||
| 12604 | Top Brands | 12604 | Top Brands | |||
| 12605 | </h2> | 12605 | </h2> | |||
| 12606 | <div class="porto-carousel brand-carousel owl-carousel mb-5"> | 12606 | <div class="porto-carousel brand-carousel owl-carousel mb-5"> | |||
| 12607 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/21/shop21_brand1.png"}}" alt="" /></div> | 12607 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/21/shop21_brand1.png"}}" alt="" /></div> | |||
| 12608 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/21/shop21_brand2.png"}}" alt="" /></div> | 12608 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/21/shop21_brand2.png"}}" alt="" /></div> | |||
| 12609 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/21/shop21_brand3.png"}}" alt="" /></div> | 12609 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/21/shop21_brand3.png"}}" alt="" /></div> | |||
| 12610 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/21/shop21_brand4.png"}}" alt="" /></div> | 12610 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/21/shop21_brand4.png"}}" alt="" /></div> | |||
| 12611 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/21/shop21_brand5.png"}}" alt="" /></div> | 12611 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/21/shop21_brand5.png"}}" alt="" /></div> | |||
| 12612 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/21/shop21_brand1.png"}}" alt="" /></div> | 12612 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/21/shop21_brand1.png"}}" alt="" /></div> | |||
| 12613 | </div> | 12613 | </div> | |||
| 12614 | <script type="text/javascript"> | 12614 | <script type="text/javascript"> | |||
| 12615 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | 12615 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | |||
| 12616 | $(".brand-carousel.owl-carousel").owlCarousel({ | 12616 | $(".brand-carousel.owl-carousel").owlCarousel({ | |||
| 12617 | autoplay: true, | 12617 | autoplay: true, | |||
| 12618 | autoplayTimeout: 5000, | 12618 | autoplayTimeout: 5000, | |||
| 12619 | autoplayHoverPause: true, | 12619 | autoplayHoverPause: true, | |||
| 12620 | nav: false, | 12620 | nav: false, | |||
| 12621 | dots: false, | 12621 | dots: false, | |||
| 12622 | loop: false, | 12622 | loop: false, | |||
| 12623 | responsive: { | 12623 | responsive: { | |||
| 12624 | 0: { | 12624 | 0: { | |||
| 12625 | items: 2, | 12625 | items: 2, | |||
| 12626 | }, | 12626 | }, | |||
| 12627 | 640: { | 12627 | 640: { | |||
| 12628 | items: 2, | 12628 | items: 2, | |||
| 12629 | }, | 12629 | }, | |||
| 12630 | 768: { | 12630 | 768: { | |||
| 12631 | items: 3, | 12631 | items: 3, | |||
| 12632 | }, | 12632 | }, | |||
| 12633 | 992: { | 12633 | 992: { | |||
| 12634 | items: 4, | 12634 | items: 4, | |||
| 12635 | }, | 12635 | }, | |||
| 12636 | 1200: { | 12636 | 1200: { | |||
| 12637 | items: 5, | 12637 | items: 5, | |||
| 12638 | }, | 12638 | }, | |||
| 12639 | }, | 12639 | }, | |||
| 12640 | }); | 12640 | }); | |||
| 12641 | }); | 12641 | }); | |||
| 12642 | </script> | 12642 | </script> | |||
| 12643 | </div> | 12643 | </div> | |||
| 12644 | </div> | 12644 | </div> | |||
| 12645 | </div> | 12645 | </div> | |||
| 12646 | </div> | 12646 | </div> | |||
| 12647 | </div> | 12647 | </div> | |||
| 12648 | ]]> | 12648 | ]]> | |||
| 12649 | </content> | 12649 | </content> | |||
| 12650 | 12650 | |||||
| 12651 | <is_active> | 12651 | <is_active> | |||
| 12652 | 1 | 12652 | 1 | |||
| 12653 | </is_active> | 12653 | </is_active> | |||
| 12654 | 12654 | |||||
| 12655 | <page_layout> | 12655 | <page_layout> | |||
| 12656 | 1column | 12656 | 1column | |||
| 12657 | </page_layout> | 12657 | </page_layout> | |||
| 12658 | 12658 | |||||
| 12659 | <layout_update_xml> | 12659 | <layout_update_xml> | |||
| 12660 | </layout_update_xml> | 12660 | </layout_update_xml> | |||
| 12661 | 12661 | |||||
| 12662 | </cms_item> | 12662 | </cms_item> | |||
| 12663 | 12663 | |||||
| 12664 | <cms_item> | 12664 | <cms_item> | |||
| 12665 | 12665 | |||||
| 12666 | <title> | 12666 | <title> | |||
| 12667 | Porto - Homepage 22 | 12667 | Porto - Homepage 22 | |||
| 12668 | </title> | 12668 | </title> | |||
| 12669 | 12669 | |||||
| 12670 | <identifier> | 12670 | <identifier> | |||
| 12671 | porto_home_22 | 12671 | porto_home_22 | |||
| 12672 | </identifier> | 12672 | </identifier> | |||
| 12673 | 12673 | |||||
| 12674 | <content> | 12674 | <content> | |||
| 12675 | <![CDATA[<div class="row home-slider no-padding" style="background-color: #e2e2e0;"> | 12675 | <![CDATA[<div class="row home-slider no-padding" style="background-color: #e2e2e0;"> | |||
| 12676 | <style> | 12676 | <style> | |||
| 12677 | .columns .column.main { | 12677 | .columns .column.main { | |||
| 12678 | padding-bottom: 0; | 12678 | padding-bottom: 0; | |||
| 12679 | } | 12679 | } | |||
| 12680 | .home-slider .porto-ibanner-content { | 12680 | .home-slider .porto-ibanner-content { | |||
| 12681 | display: flex; | 12681 | display: flex; | |||
| 12682 | align-items: center; | 12682 | align-items: center; | |||
| 12683 | text-align: justify; | 12683 | text-align: justify; | |||
| 12684 | height: 100%; | 12684 | height: 100%; | |||
| 12685 | font-size: 1em; | 12685 | font-size: 1em; | |||
| 12686 | padding: 0 1rem; | 12686 | padding: 0 1rem; | |||
| 12687 | } | 12687 | } | |||
| 12688 | .home-slider .porto-ibanner-content > div { | 12688 | .home-slider .porto-ibanner-content > div { | |||
| 12689 | width: 100%; | 12689 | width: 100%; | |||
| 12690 | } | 12690 | } | |||
| 12691 | .home-slider .porto-ibanner-content h2 { | 12691 | .home-slider .porto-ibanner-content h2 { | |||
| 12692 | font-size: 4.8571em; | 12692 | font-size: 4.8571em; | |||
| 12693 | letter-spacing: 0.01em; | 12693 | letter-spacing: 0.01em; | |||
| 12694 | margin-bottom: 1rem; | 12694 | margin-bottom: 1rem; | |||
| 12695 | } | 12695 | } | |||
| 12696 | .porto-ibanner .porto-ibanner-title, | 12696 | .porto-ibanner .porto-ibanner-title, | |||
| 12697 | .porto-ibanner p { | 12697 | .porto-ibanner p { | |||
| 12698 | letter-spacing: normal; | 12698 | letter-spacing: normal; | |||
| 12699 | padding: 0; | 12699 | padding: 0; | |||
| 12700 | margin: 0; | 12700 | margin: 0; | |||
| 12701 | font-size: inherit; | 12701 | font-size: inherit; | |||
| 12702 | line-height: inherit; | 12702 | line-height: inherit; | |||
| 12703 | font-weight: inherit; | 12703 | font-weight: inherit; | |||
| 12704 | text-decoration: inherit; | 12704 | text-decoration: inherit; | |||
| 12705 | font-style: inherit; | 12705 | font-style: inherit; | |||
| 12706 | color: inherit; | 12706 | color: inherit; | |||
| 12707 | } | 12707 | } | |||
| 12708 | .home-banners .porto-ibanner-content a, | 12708 | .home-banners .porto-ibanner-content a, | |||
| 12709 | .home-slider .porto-ibanner-content a { | 12709 | .home-slider .porto-ibanner-content a { | |||
| 12710 | color: #666; | 12710 | color: #666; | |||
| 12711 | font-size: 1.5714em; | 12711 | font-size: 1.5714em; | |||
| 12712 | letter-spacing: 0.01em; | 12712 | letter-spacing: 0.01em; | |||
| 12713 | text-decoration: none; | 12713 | text-decoration: none; | |||
| 12714 | white-space: nowrap; | 12714 | white-space: nowrap; | |||
| 12715 | } | 12715 | } | |||
| 12716 | .home-banners .porto-ibanner-content a i:first-child, | 12716 | .home-banners .porto-ibanner-content a i:first-child, | |||
| 12717 | .home-slider .porto-ibanner-content a i:first-child { | 12717 | .home-slider .porto-ibanner-content a i:first-child { | |||
| 12718 | display: inline-block; | 12718 | display: inline-block; | |||
| 12719 | border-bottom: 1px solid; | 12719 | border-bottom: 1px solid; | |||
| 12720 | line-height: 1.4; | 12720 | line-height: 1.4; | |||
| 12721 | } | 12721 | } | |||
| 12722 | .home-banners .porto-ibanner-content a .porto-icon-right-open-big, | 12722 | .home-banners .porto-ibanner-content a .porto-icon-right-open-big, | |||
| 12723 | .home-slider .porto-ibanner-content a .porto-icon-right-open-big { | 12723 | .home-slider .porto-ibanner-content a .porto-icon-right-open-big { | |||
| 12724 | font-size: 0.7em; | 12724 | font-size: 0.7em; | |||
| 12725 | vertical-align: middle; | 12725 | vertical-align: middle; | |||
| 12726 | } | 12726 | } | |||
| 12727 | .home-slider .owl-carousel .owl-nav { | 12727 | .home-slider .owl-carousel .owl-nav { | |||
| 12728 | width: 96%; | 12728 | width: 96%; | |||
| 12729 | left: 2%; | 12729 | left: 2%; | |||
| 12730 | } | 12730 | } | |||
| 12731 | @media (max-width: 767px) { | 12731 | @media (max-width: 767px) { | |||
| 12732 | .home-banners .porto-ibanner-content, | 12732 | .home-banners .porto-ibanner-content, | |||
| 12733 | .home-slider .porto-ibanner-content { | 12733 | .home-slider .porto-ibanner-content { | |||
| 12734 | font-size: 9px; | 12734 | font-size: 9px; | |||
| 12735 | } | 12735 | } | |||
| 12736 | } | 12736 | } | |||
| 12737 | @media (min-width: 1200px) { | 12737 | @media (min-width: 1200px) { | |||
| 12738 | .home-slider .porto-ibanner img { | 12738 | .home-slider .porto-ibanner img { | |||
| 12739 | width: 1200px; | 12739 | width: 1200px; | |||
| 12740 | min-width: 0; | 12740 | min-width: 0; | |||
| 12741 | margin: 0 auto; | 12741 | margin: 0 auto; | |||
| 12742 | } | 12742 | } | |||
| 12743 | } | 12743 | } | |||
| 12744 | </style> | 12744 | </style> | |||
| 12745 | <div class="vc_column_container col-md-12"> | 12745 | <div class="vc_column_container col-md-12"> | |||
| 12746 | <div class="wpb_wrapper vc_column-inner"> | 12746 | <div class="wpb_wrapper vc_column-inner"> | |||
| 12747 | <div id="banner-slider-demo-2" class="porto-carousel owl-carousel porto-standable-carousel mb-0 nav-pos-inside nav-style-4"> | 12747 | <div id="banner-slider-demo-2" class="porto-carousel owl-carousel porto-standable-carousel mb-0 nav-pos-inside nav-style-4"> | |||
| 12748 | <div class="porto-ibanner mb-0" style=""> | 12748 | <div class="porto-ibanner mb-0" style=""> | |||
| 12749 | <img src='{{media url="wysiwyg/smartwave/porto/homepage/22/shop22_home_slide1.jpg"}}' /> | 12749 | <img src='{{media url="wysiwyg/smartwave/porto/homepage/22/shop22_home_slide1.jpg"}}' /> | |||
| 12750 | <div class="porto-ibanner-desc"> | 12750 | <div class="porto-ibanner-desc"> | |||
| 12751 | <div class="porto-ibanner-content" style=""> | 12751 | <div class="porto-ibanner-content" style=""> | |||
| 12752 | <div class="container appear-animation" data-appear-animation="fadeInRight" data-appear-animation-delay="400" style="animation-delay: 400ms;"> | 12752 | <div class="container appear-animation" data-appear-animation="fadeInRight" data-appear-animation-delay="400" style="animation-delay: 400ms;"> | |||
| 12753 | <h2 class="custom-font1 text-color-primary">Discover our Arrivals!</h2> | 12753 | <h2 class="custom-font1 text-color-primary">Discover our Arrivals!</h2> | |||
| 12754 | <p> | 12754 | <p> | |||
| 12755 | <a href="#"><i>View our Dresses</i><i class="porto-icon-right-open-big ml-2"></i></a> | 12755 | <a href="#"><i>View our Dresses</i><i class="porto-icon-right-open-big ml-2"></i></a> | |||
| 12756 | </p> | 12756 | </p> | |||
| 12757 | </div> | 12757 | </div> | |||
| 12758 | </div> | 12758 | </div> | |||
| 12759 | </div> | 12759 | </div> | |||
| 12760 | </div> | 12760 | </div> | |||
| 12761 | <div class="porto-ibanner mb-0" style=""> | 12761 | <div class="porto-ibanner mb-0" style=""> | |||
| 12762 | <img src='{{media url="wysiwyg/smartwave/porto/homepage/22/shop22_home_slide2.jpg"}}' /> | 12762 | <img src='{{media url="wysiwyg/smartwave/porto/homepage/22/shop22_home_slide2.jpg"}}' /> | |||
| 12763 | <div class="porto-ibanner-desc"> | 12763 | <div class="porto-ibanner-desc"> | |||
| 12764 | <div class="porto-ibanner-content" style=""> | 12764 | <div class="porto-ibanner-content" style=""> | |||
| 12765 | <div class="container appear-animation" data-appear-animation="fadeInLeft" data-appear-animation-delay="400" style="animation-delay: 400ms;"> | 12765 | <div class="container appear-animation" data-appear-animation="fadeInLeft" data-appear-animation-delay="400" style="animation-delay: 400ms;"> | |||
| 12766 | <div class="row no-padding"> | 12766 | <div class="row no-padding"> | |||
| 12767 | <div class="col-6 offset-6 pl-3 pl-lg-5"> | 12767 | <div class="col-6 offset-6 pl-3 pl-lg-5"> | |||
| 12768 | <h2 class="custom-font1 text-color-primary">Trendy Collections!</h2> | 12768 | <h2 class="custom-font1 text-color-primary">Trendy Collections!</h2> | |||
| 12769 | <p> | 12769 | <p> | |||
| 12770 | <a href="#"><i>View our Specials</i><i class="porto-icon-right-open-big ml-2"></i></a> | 12770 | <a href="#"><i>View our Specials</i><i class="porto-icon-right-open-big ml-2"></i></a> | |||
| 12771 | </p> | 12771 | </p> | |||
| 12772 | </div> | 12772 | </div> | |||
| 12773 | </div> | 12773 | </div> | |||
| 12774 | </div> | 12774 | </div> | |||
| 12775 | </div> | 12775 | </div> | |||
| 12776 | </div> | 12776 | </div> | |||
| 12777 | </div> | 12777 | </div> | |||
| 12778 | </div> | 12778 | </div> | |||
| 12779 | <script type="text/javascript"> | 12779 | <script type="text/javascript"> | |||
| 12780 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | 12780 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | |||
| 12781 | $("#banner-slider-demo-2").owlCarousel({ | 12781 | $("#banner-slider-demo-2").owlCarousel({ | |||
| 12782 | items: 1, | 12782 | items: 1, | |||
| 12783 | autoplay: false, | 12783 | autoplay: false, | |||
| 12784 | autoplayTimeout: 5000, | 12784 | autoplayTimeout: 5000, | |||
| 12785 | autoplayHoverPause: true, | 12785 | autoplayHoverPause: true, | |||
| 12786 | dots: false, | 12786 | dots: false, | |||
| 12787 | navRewind: true, | 12787 | navRewind: true, | |||
| 12788 | animateIn: "fadeIn", | 12788 | animateIn: "fadeIn", | |||
| 12789 | animateOut: "fadeOut", | 12789 | animateOut: "fadeOut", | |||
| 12790 | loop: true, | 12790 | loop: true, | |||
| 12791 | nav: true, | 12791 | nav: true, | |||
| 12792 | }); | 12792 | }); | |||
| 12793 | }); | 12793 | }); | |||
| 12794 | </script> | 12794 | </script> | |||
| 12795 | </div> | 12795 | </div> | |||
| 12796 | </div> | 12796 | </div> | |||
| 12797 | </div> | 12797 | </div> | |||
| 12798 | <div class="pb-3 section porto-inner-container"> | 12798 | <div class="pb-3 section porto-inner-container"> | |||
| 12799 | <div class="container"> | 12799 | <div class="container"> | |||
| 12800 | <div class="row"> | 12800 | <div class="row"> | |||
| 12801 | <div class="col-md-12"> | 12801 | <div class="col-md-12"> | |||
| 12802 | <div class="wpb_wrapper vc_column-inner"> | 12802 | <div class="wpb_wrapper vc_column-inner"> | |||
| 12803 | <h2 class="vc_custom_heading mb-1 text-uppercase" style="font-size: 30px; line-height: 1; text-align: center; font-weight: 700;"> | 12803 | <h2 class="vc_custom_heading mb-1 text-uppercase" style="font-size: 30px; line-height: 1; text-align: center; font-weight: 700;"> | |||
| 12804 | Welcome to Little Porto’s World | 12804 | Welcome to Little Porto’s World | |||
| 12805 | </h2> | 12805 | </h2> | |||
| 12806 | <p style="font-size: 28px; color: rgb(102, 102, 102); line-height: 1.2; text-align: center;" class="vc_custom_heading m-b-lg custom-font1"> | 12806 | <p style="font-size: 28px; color: rgb(102, 102, 102); line-height: 1.2; text-align: center;" class="vc_custom_heading m-b-lg custom-font1"> | |||
| 12807 | Enjoy the exceptional quality in all our products | 12807 | Enjoy the exceptional quality in all our products | |||
| 12808 | </p> | 12808 | </p> | |||
| 12809 | <style> | 12809 | <style> | |||
| 12810 | .section { | 12810 | .section { | |||
| 12811 | margin-top: 30px; | 12811 | margin-top: 30px; | |||
| 12812 | padding: 50px 0; | 12812 | padding: 50px 0; | |||
| 12813 | } | 12813 | } | |||
| 12814 | .home-banners .porto-ibanner-content { | 12814 | .home-banners .porto-ibanner-content { | |||
| 12815 | font-size: 14px; | 12815 | font-size: 14px; | |||
| 12816 | } | 12816 | } | |||
| 12817 | .home-banners .porto-ibanner-title, | 12817 | .home-banners .porto-ibanner-title, | |||
| 12818 | .home-banners .porto-ibanner-content h3, | 12818 | .home-banners .porto-ibanner-content h3, | |||
| 12819 | .home-banners .porto-ibanner-content h4 { | 12819 | .home-banners .porto-ibanner-content h4 { | |||
| 12820 | text-transform: uppercase; | 12820 | text-transform: uppercase; | |||
| 12821 | line-height: 1; | 12821 | line-height: 1; | |||
| 12822 | font-size: 1.4285em; | 12822 | font-size: 1.4285em; | |||
| 12823 | letter-spacing: -0.025em; | 12823 | letter-spacing: -0.025em; | |||
| 12824 | } | 12824 | } | |||
| 12825 | .home-banners .porto-ibanner-title { | 12825 | .home-banners .porto-ibanner-title { | |||
| 12826 | font-weight: 600; | 12826 | font-weight: 600; | |||
| 12827 | margin-bottom: 0.25em; | 12827 | margin-bottom: 0.25em; | |||
| 12828 | } | 12828 | } | |||
| 12829 | .home-banners .porto-ibanner-content a { | 12829 | .home-banners .porto-ibanner-content a { | |||
| 12830 | font-size: 1em; | 12830 | font-size: 1em; | |||
| 12831 | } | 12831 | } | |||
| 12832 | .home-banners .porto-ibanner-desc { | 12832 | .home-banners .porto-ibanner-desc { | |||
| 12833 | display: flex; | 12833 | display: flex; | |||
| 12834 | align-items: center; | 12834 | align-items: center; | |||
| 12835 | flex-direction: column; | 12835 | flex-direction: column; | |||
| 12836 | justify-content: space-between; | 12836 | justify-content: space-between; | |||
| 12837 | padding: 13% 15px; | 12837 | padding: 13% 15px; | |||
| 12838 | } | 12838 | } | |||
| 12839 | .home-banner1 .porto-ibanner-desc { | 12839 | .home-banner1 .porto-ibanner-desc { | |||
| 12840 | align-items: flex-end; | 12840 | align-items: flex-end; | |||
| 12841 | justify-content: center; | 12841 | justify-content: center; | |||
| 12842 | text-align: justify; | 12842 | text-align: justify; | |||
| 12843 | padding-right: 9%; | 12843 | padding-right: 9%; | |||
| 12844 | } | 12844 | } | |||
| 12845 | .home-banner1 .porto-ibanner-desc h3 { | 12845 | .home-banner1 .porto-ibanner-desc h3 { | |||
| 12846 | font-size: 2.9286em; | 12846 | font-size: 2.9286em; | |||
| 12847 | margin-bottom: 0; | 12847 | margin-bottom: 0; | |||
| 12848 | line-height: 0.8; | 12848 | line-height: 0.8; | |||
| 12849 | } | 12849 | } | |||
| 12850 | .home-banner1 .porto-ibanner-desc h4 { | 12850 | .home-banner1 .porto-ibanner-desc h4 { | |||
| 12851 | font-size: 2.1428em; | 12851 | font-size: 2.1428em; | |||
| 12852 | margin-bottom: 1.5rem; | 12852 | margin-bottom: 1.5rem; | |||
| 12853 | } | 12853 | } | |||
| 12854 | .home-banner1 .porto-ibanner-content a { | 12854 | .home-banner1 .porto-ibanner-content a { | |||
| 12855 | font-size: 1.2143em; | 12855 | font-size: 1.2143em; | |||
| 12856 | } | 12856 | } | |||
| 12857 | .home-banner2 .porto-ibanner-desc { | 12857 | .home-banner2 .porto-ibanner-desc { | |||
| 12858 | justify-content: flex-end; | 12858 | justify-content: flex-end; | |||
| 12859 | } | 12859 | } | |||
| 12860 | .home-banner3 .porto-ibanner-title { | 12860 | .home-banner3 .porto-ibanner-title { | |||
| 12861 | font-weight: 700; | 12861 | font-weight: 700; | |||
| 12862 | } | 12862 | } | |||
| 12863 | .home-banner4 .porto-ibanner-desc { | 12863 | .home-banner4 .porto-ibanner-desc { | |||
| 12864 | justify-content: flex-start; | 12864 | justify-content: flex-start; | |||
| 12865 | } | 12865 | } | |||
| 12866 | .home-banner6 .porto-ibanner-title { | 12866 | .home-banner6 .porto-ibanner-title { | |||
| 12867 | font-size: 2.1426em; | 12867 | font-size: 2.1426em; | |||
| 12868 | font-weight: 700; | 12868 | font-weight: 700; | |||
| 12869 | } | 12869 | } | |||
| 12870 | .home-banner6 .porto-ibanner-content a { | 12870 | .home-banner6 .porto-ibanner-content a { | |||
| 12871 | font-size: 1.5714em; | 12871 | font-size: 1.5714em; | |||
| 12872 | } | 12872 | } | |||
| 12873 | </style> | 12873 | </style> | |||
| 12874 | <div class="row home-banners m-b-md"> | 12874 | <div class="row home-banners m-b-md"> | |||
| 12875 | <div class="col-md-12 col-lg-6"> | 12875 | <div class="col-md-12 col-lg-6"> | |||
| 12876 | <div class="wpb_wrapper vc_column-inner"> | 12876 | <div class="wpb_wrapper vc_column-inner"> | |||
| 12877 | <div class="porto-ibanner m-b-md home-banner1"> | 12877 | <div class="porto-ibanner m-b-md home-banner1"> | |||
| 12878 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/22/shop22_home_banner1.jpg"}}" /> | 12878 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/22/shop22_home_banner1.jpg"}}" /> | |||
| 12879 | <div class="porto-ibanner-desc"> | 12879 | <div class="porto-ibanner-desc"> | |||
| 12880 | <div class="porto-ibanner-content"> | 12880 | <div class="porto-ibanner-content"> | |||
| 12881 | <h3 class="custom-font1">Discounts</h3> | 12881 | <h3 class="custom-font1">Discounts</h3> | |||
| 12882 | <h4 class="text-color-dark">up to 70%</h4> | 12882 | <h4 class="text-color-dark">up to 70%</h4> | |||
| 12883 | <p> | 12883 | <p> | |||
| 12884 | <a href="#"><i>View our Deals</i><i class="porto-icon-right-open-big ml-2"></i></a> | 12884 | <a href="#"><i>View our Deals</i><i class="porto-icon-right-open-big ml-2"></i></a> | |||
| 12885 | </p> | 12885 | </p> | |||
| 12886 | </div> | 12886 | </div> | |||
| 12887 | </div> | 12887 | </div> | |||
| 12888 | </div> | 12888 | </div> | |||
| 12889 | </div> | 12889 | </div> | |||
| 12890 | </div> | 12890 | </div> | |||
| 12891 | <div class="col-md-6 col-lg-3"> | 12891 | <div class="col-md-6 col-lg-3"> | |||
| 12892 | <div class="wpb_wrapper vc_column-inner"> | 12892 | <div class="wpb_wrapper vc_column-inner"> | |||
| 12893 | <div class="porto-ibanner m-b-md home-banner2"> | 12893 | <div class="porto-ibanner m-b-md home-banner2"> | |||
| 12894 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/22/shop22_home_banner2.jpg"}}" /> | 12894 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/22/shop22_home_banner2.jpg"}}" /> | |||
| 12895 | <div class="porto-ibanner-desc"> | 12895 | <div class="porto-ibanner-desc"> | |||
| 12896 | <h2 class="porto-ibanner-title" style="color: #222529;">summer classics</h2> | 12896 | <h2 class="porto-ibanner-title" style="color: #222529;">summer classics</h2> | |||
| 12897 | <div class="porto-ibanner-content"> | 12897 | <div class="porto-ibanner-content"> | |||
| 12898 | <a href="#"><i>View our Classics</i><i class="porto-icon-right-open-big ml-2"></i></a> | 12898 | <a href="#"><i>View our Classics</i><i class="porto-icon-right-open-big ml-2"></i></a> | |||
| 12899 | </div> | 12899 | </div> | |||
| 12900 | </div> | 12900 | </div> | |||
| 12901 | </div> | 12901 | </div> | |||
| 12902 | </div> | 12902 | </div> | |||
| 12903 | </div> | 12903 | </div> | |||
| 12904 | <div class="col-md-6 col-lg-3"> | 12904 | <div class="col-md-6 col-lg-3"> | |||
| 12905 | <div class="wpb_wrapper vc_column-inner"> | 12905 | <div class="wpb_wrapper vc_column-inner"> | |||
| 12906 | <div class="porto-ibanner m-b-md home-banner3"> | 12906 | <div class="porto-ibanner m-b-md home-banner3"> | |||
| 12907 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/22/shop22_home_banner3.jpg"}}" /> | 12907 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/22/shop22_home_banner3.jpg"}}" /> | |||
| 12908 | <div class="porto-ibanner-desc"> | 12908 | <div class="porto-ibanner-desc"> | |||
| 12909 | <h2 class="porto-ibanner-title" style="color: #222529;">mother & daughter</h2> | 12909 | <h2 class="porto-ibanner-title" style="color: #222529;">mother & daughter</h2> | |||
| 12910 | <div class="porto-ibanner-content"> | 12910 | <div class="porto-ibanner-content"> | |||
| 12911 | <a href="#"><i>View our Outfits</i><i class="porto-icon-right-open-big ml-2"></i></a> | 12911 | <a href="#"><i>View our Outfits</i><i class="porto-icon-right-open-big ml-2"></i></a> | |||
| 12912 | </div> | 12912 | </div> | |||
| 12913 | </div> | 12913 | </div> | |||
| 12914 | </div> | 12914 | </div> | |||
| 12915 | </div> | 12915 | </div> | |||
| 12916 | </div> | 12916 | </div> | |||
| 12917 | <div class="col-md-6 col-lg-3"> | 12917 | <div class="col-md-6 col-lg-3"> | |||
| 12918 | <div class="wpb_wrapper vc_column-inner"> | 12918 | <div class="wpb_wrapper vc_column-inner"> | |||
| 12919 | <div class="porto-ibanner m-b-md home-banner4"> | 12919 | <div class="porto-ibanner m-b-md home-banner4"> | |||
| 12920 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/22/shop22_home_banner4.jpg"}}" /> | 12920 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/22/shop22_home_banner4.jpg"}}" /> | |||
| 12921 | <div class="porto-ibanner-desc"> | 12921 | <div class="porto-ibanner-desc"> | |||
| 12922 | <h2 class="porto-ibanner-title" style="color: #222529;">babies outfits</h2> | 12922 | <h2 class="porto-ibanner-title" style="color: #222529;">babies outfits</h2> | |||
| 12923 | <div class="porto-ibanner-content"> | 12923 | <div class="porto-ibanner-content"> | |||
| 12924 | <a href="#"><i>View our Outfits</i><i class="porto-icon-right-open-big ml-2"></i></a> | 12924 | <a href="#"><i>View our Outfits</i><i class="porto-icon-right-open-big ml-2"></i></a> | |||
| 12925 | </div> | 12925 | </div> | |||
| 12926 | </div> | 12926 | </div> | |||
| 12927 | </div> | 12927 | </div> | |||
| 12928 | </div> | 12928 | </div> | |||
| 12929 | </div> | 12929 | </div> | |||
| 12930 | <div class="vc_column_container col-md-6 col-lg-3"> | 12930 | <div class="vc_column_container col-md-6 col-lg-3"> | |||
| 12931 | <div class="wpb_wrapper vc_column-inner"> | 12931 | <div class="wpb_wrapper vc_column-inner"> | |||
| 12932 | <div class="porto-ibanner m-b-md home-banner5"> | 12932 | <div class="porto-ibanner m-b-md home-banner5"> | |||
| 12933 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/22/shop22_home_banner5.jpg"}}" /> | 12933 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/22/shop22_home_banner5.jpg"}}" /> | |||
| 12934 | <div class="porto-ibanner-desc"> | 12934 | <div class="porto-ibanner-desc"> | |||
| 12935 | <h2 class="porto-ibanner-title" style="color: #222529;">babies dresses</h2> | 12935 | <h2 class="porto-ibanner-title" style="color: #222529;">babies dresses</h2> | |||
| 12936 | <div class="porto-ibanner-content"> | 12936 | <div class="porto-ibanner-content"> | |||
| 12937 | <a href="#"><i>View our Dresses</i><i class="porto-icon-right-open-big ml-2"></i></a> | 12937 | <a href="#"><i>View our Dresses</i><i class="porto-icon-right-open-big ml-2"></i></a> | |||
| 12938 | </div> | 12938 | </div> | |||
| 12939 | </div> | 12939 | </div> | |||
| 12940 | </div> | 12940 | </div> | |||
| 12941 | </div> | 12941 | </div> | |||
| 12942 | </div> | 12942 | </div> | |||
| 12943 | <div class="col-md-12 col-lg-6"> | 12943 | <div class="col-md-12 col-lg-6"> | |||
| 12944 | <div class="wpb_wrapper vc_column-inner"> | 12944 | <div class="wpb_wrapper vc_column-inner"> | |||
| 12945 | <div class="porto-ibanner m-b-md home-banner6"> | 12945 | <div class="porto-ibanner m-b-md home-banner6"> | |||
| 12946 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/22/shop22_home_banner6.jpg"}}" /> | 12946 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/22/shop22_home_banner6.jpg"}}" /> | |||
| 12947 | <div class="porto-ibanner-desc"> | 12947 | <div class="porto-ibanner-desc"> | |||
| 12948 | <h2 class="porto-ibanner-title" style="color: #222529;">shoes for babies</h2> | 12948 | <h2 class="porto-ibanner-title" style="color: #222529;">shoes for babies</h2> | |||
| 12949 | <div class="porto-ibanner-content"> | 12949 | <div class="porto-ibanner-content"> | |||
| 12950 | <a href="#"><i>View our Deals</i><i class="porto-icon-right-open-big ml-2"></i></a> | 12950 | <a href="#"><i>View our Deals</i><i class="porto-icon-right-open-big ml-2"></i></a> | |||
| 12951 | </div> | 12951 | </div> | |||
| 12952 | </div> | 12952 | </div> | |||
| 12953 | </div> | 12953 | </div> | |||
| 12954 | </div> | 12954 | </div> | |||
| 12955 | </div> | 12955 | </div> | |||
| 12956 | </div> | 12956 | </div> | |||
| 12957 | <style> | 12957 | <style> | |||
| 12958 | .home-features .porto-sicon-box { | 12958 | .home-features .porto-sicon-box { | |||
| 12959 | padding: 10px 0; | 12959 | padding: 10px 0; | |||
| 12960 | margin-bottom: 0; | 12960 | margin-bottom: 0; | |||
| 12961 | justify-content: center; | 12961 | justify-content: center; | |||
| 12962 | } | 12962 | } | |||
| 12963 | .home-features .porto-sicon-title { | 12963 | .home-features .porto-sicon-title { | |||
| 12964 | margin: 0; | 12964 | margin: 0; | |||
| 12965 | } | 12965 | } | |||
| 12966 | .home-features > div:not(:last-child) { | 12966 | .home-features > div:not(:last-child) { | |||
| 12967 | border-right: 1px solid #e7e7e7; | 12967 | border-right: 1px solid #e7e7e7; | |||
| 12968 | } | 12968 | } | |||
| 12969 | @media (max-width: 767px) { | 12969 | @media (max-width: 767px) { | |||
| 12970 | .home-features > div:not(:last-child) { | 12970 | .home-features > div:not(:last-child) { | |||
| 12971 | border-bottom: 1px solid #e7e7e7; | 12971 | border-bottom: 1px solid #e7e7e7; | |||
| 12972 | border-right: none; | 12972 | border-right: none; | |||
| 12973 | } | 12973 | } | |||
| 12974 | .home-features .porto-sicon-box { | 12974 | .home-features .porto-sicon-box { | |||
| 12975 | justify-content: flex-start; | 12975 | justify-content: flex-start; | |||
| 12976 | padding-left: 6%; | 12976 | padding-left: 6%; | |||
| 12977 | } | 12977 | } | |||
| 12978 | } | 12978 | } | |||
| 12979 | </style> | 12979 | </style> | |||
| 12980 | <div class="row no-padding home-features mb-5"> | 12980 | <div class="row no-padding home-features mb-5"> | |||
| 12981 | <div class="col-md-4"> | 12981 | <div class="col-md-4"> | |||
| 12982 | <div class="wpb_wrapper vc_column-inner"> | 12982 | <div class="wpb_wrapper vc_column-inner"> | |||
| 12983 | <div class="porto-sicon-box style_1 default-icon"> | 12983 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 12984 | <div class="porto-sicon-default"> | 12984 | <div class="porto-sicon-default"> | |||
| 12985 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 12985 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 12986 | <div class="porto-icon none" style="color: #222529; font-size: 38px; display: inline-block;"><i class="porto-icon-shipping"></i></div> | 12986 | <div class="porto-icon none" style="color: #222529; font-size: 38px; display: inline-block;"><i class="porto-icon-shipping"></i></div> | |||
| 12987 | </div> | 12987 | </div> | |||
| 12988 | </div> | 12988 | </div> | |||
| 12989 | <div class="porto-sicon-header"> | 12989 | <div class="porto-sicon-header"> | |||
| 12990 | <h3 class="porto-sicon-title" style="font-weight: 600; font-size: 14px; line-height: 22px; color: #222529;">FREE SHIPPING & RETURN</h3> | 12990 | <h3 class="porto-sicon-title" style="font-weight: 600; font-size: 14px; line-height: 22px; color: #222529;">FREE SHIPPING & RETURN</h3> | |||
| 12991 | <p style="font-weight: 300; font-size: 13px; line-height: 18px; color: #839199;">Free shipping on all orders over $99.</p> | 12991 | <p style="font-weight: 300; font-size: 13px; line-height: 18px; color: #839199;">Free shipping on all orders over $99.</p> | |||
| 12992 | </div> | 12992 | </div> | |||
| 12993 | </div> | 12993 | </div> | |||
| 12994 | </div> | 12994 | </div> | |||
| 12995 | </div> | 12995 | </div> | |||
| 12996 | <div class="col-md-4"> | 12996 | <div class="col-md-4"> | |||
| 12997 | <div class="wpb_wrapper vc_column-inner"> | 12997 | <div class="wpb_wrapper vc_column-inner"> | |||
| 12998 | <div class="porto-sicon-box style_1 default-icon"> | 12998 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 12999 | <div class="porto-sicon-default"> | 12999 | <div class="porto-sicon-default"> | |||
| 13000 | <div id="porto-icon-54338073160647244cb364" class="porto-just-icon-wrapper" style="text-align: center;"> | 13000 | <div id="porto-icon-54338073160647244cb364" class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 13001 | <div class="porto-icon none" style="color: #222529; font-size: 40px; display: inline-block;"><i class="porto-icon-money"></i></div> | 13001 | <div class="porto-icon none" style="color: #222529; font-size: 40px; display: inline-block;"><i class="porto-icon-money"></i></div> | |||
| 13002 | </div> | 13002 | </div> | |||
| 13003 | </div> | 13003 | </div> | |||
| 13004 | <div class="porto-sicon-header"> | 13004 | <div class="porto-sicon-header"> | |||
| 13005 | <h3 class="porto-sicon-title" style="font-weight: 600; font-size: 14px; line-height: 22px; color: #222529;">MONEY BACK GUARANTEE</h3> | 13005 | <h3 class="porto-sicon-title" style="font-weight: 600; font-size: 14px; line-height: 22px; color: #222529;">MONEY BACK GUARANTEE</h3> | |||
| 13006 | <p style="font-weight: 300; font-size: 13px; line-height: 18px; color: #839199;">100% money back guarantee</p> | 13006 | <p style="font-weight: 300; font-size: 13px; line-height: 18px; color: #839199;">100% money back guarantee</p> | |||
| 13007 | </div> | 13007 | </div> | |||
| 13008 | </div> | 13008 | </div> | |||
| 13009 | </div> | 13009 | </div> | |||
| 13010 | </div> | 13010 | </div> | |||
| 13011 | <div class="col-md-4"> | 13011 | <div class="col-md-4"> | |||
| 13012 | <div class="wpb_wrapper vc_column-inner"> | 13012 | <div class="wpb_wrapper vc_column-inner"> | |||
| 13013 | <div class="porto-sicon-box style_1 default-icon"> | 13013 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 13014 | <div class="porto-sicon-default"> | 13014 | <div class="porto-sicon-default"> | |||
| 13015 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 13015 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 13016 | <div class="porto-icon none" style="color: #222529; font-size: 40px; display: inline-block;"><i class="porto-icon-support"></i></div> | 13016 | <div class="porto-icon none" style="color: #222529; font-size: 40px; display: inline-block;"><i class="porto-icon-support"></i></div> | |||
| 13017 | </div> | 13017 | </div> | |||
| 13018 | </div> | 13018 | </div> | |||
| 13019 | <div class="porto-sicon-header"> | 13019 | <div class="porto-sicon-header"> | |||
| 13020 | <h3 class="porto-sicon-title" style="font-weight: 600; font-size: 14px; line-height: 22px; color: #222529;">ONLINE SUPPORT 24/7</h3> | 13020 | <h3 class="porto-sicon-title" style="font-weight: 600; font-size: 14px; line-height: 22px; color: #222529;">ONLINE SUPPORT 24/7</h3> | |||
| 13021 | <p style="font-weight: 300; font-size: 13px; line-height: 18px; color: #839199;">Lorem ipsum dolor sit amet.</p> | 13021 | <p style="font-weight: 300; font-size: 13px; line-height: 18px; color: #839199;">Lorem ipsum dolor sit amet.</p> | |||
| 13022 | </div> | 13022 | </div> | |||
| 13023 | </div> | 13023 | </div> | |||
| 13024 | </div> | 13024 | </div> | |||
| 13025 | </div> | 13025 | </div> | |||
| 13026 | </div> | 13026 | </div> | |||
| 13027 | <div class="porto-products"> | 13027 | <div class="porto-products"> | |||
| 13028 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_type="3" product_count="4" column_count="4" aspect_ratio="0" image_width="350" image_height="350" | 13028 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_type="3" product_count="4" column_count="4" aspect_ratio="0" image_width="350" image_height="350" | |||
| 13029 | template="grid.phtml"}} | 13029 | template="grid.phtml"}} | |||
| 13030 | </div> | 13030 | </div> | |||
| 13031 | </div> | 13031 | </div> | |||
| 13032 | </div> | 13032 | </div> | |||
| 13033 | </div> | 13033 | </div> | |||
| 13034 | </div> | 13034 | </div> | |||
| 13035 | </div> | 13035 | </div> | |||
| 13036 | <div class="row no-padding"> | 13036 | <div class="row no-padding"> | |||
| 13037 | <div class="col-md-12 col-lg-3 d-flex align-items-center justify-content-center" style="padding-top: 40px; padding-bottom: 40px; background-color: #e2e2e0;"> | 13037 | <div class="col-md-12 col-lg-3 d-flex align-items-center justify-content-center" style="padding-top: 40px; padding-bottom: 40px; background-color: #e2e2e0;"> | |||
| 13038 | <div class="wpb_wrapper vc_column-inner"> | 13038 | <div class="wpb_wrapper vc_column-inner"> | |||
| 13039 | <h4 style="font-size: 54px; line-height: 1; text-align: center; font-weight: 400;" class="vc_custom_heading custom-font1 text-color-primary mb-0">Best Collections</h4> | 13039 | <h4 style="font-size: 54px; line-height: 1; text-align: center; font-weight: 400;" class="vc_custom_heading custom-font1 text-color-primary mb-0">Best Collections</h4> | |||
| 13040 | <p style="font-size: 16px; color: #666666; line-height: 1; text-align: center;" class="vc_custom_heading mb-0">Selected Products From Famous Brands</p> | 13040 | <p style="font-size: 16px; color: #666666; line-height: 1; text-align: center;" class="vc_custom_heading mb-0">Selected Products From Famous Brands</p> | |||
| 13041 | </div> | 13041 | </div> | |||
| 13042 | </div> | 13042 | </div> | |||
| 13043 | <div class="col-md-12 col-lg-9"> | 13043 | <div class="col-md-12 col-lg-9"> | |||
| 13044 | <div class="wpb_wrapper vc_column-inner"> | 13044 | <div class="wpb_wrapper vc_column-inner"> | |||
| 13045 | <style> | 13045 | <style> | |||
| 13046 | .category-slider ul.products .product-col { | 13046 | .category-slider ul.products .product-col { | |||
| 13047 | padding-left: 0; | 13047 | padding-left: 0; | |||
| 13048 | padding-right: 0; | 13048 | padding-right: 0; | |||
| 13049 | } | 13049 | } | |||
| 13050 | ul.products li.product-category .thumb-info-wrapper:after { | 13050 | ul.products li.product-category .thumb-info-wrapper:after { | |||
| 13051 | background-color: rgba(27, 27, 23, 0.06); | 13051 | background-color: rgba(27, 27, 23, 0.06); | |||
| 13052 | } | 13052 | } | |||
| 13053 | ul.products li.product-category:hover .thumb-info-wrapper:after { | 13053 | ul.products li.product-category:hover .thumb-info-wrapper:after { | |||
| 13054 | background-color: rgba(27, 27, 23, 0.21); | 13054 | background-color: rgba(27, 27, 23, 0.21); | |||
| 13055 | } | 13055 | } | |||
| 13056 | ul.products li.product-category .thumb-info .thumb-info-title { | 13056 | ul.products li.product-category .thumb-info .thumb-info-title { | |||
| 13057 | width: 50%; | 13057 | width: 50%; | |||
| 13058 | left: 25%; | 13058 | left: 25%; | |||
| 13059 | background: #fff; | 13059 | background: #fff; | |||
| 13060 | padding: 1.7em 0; | 13060 | padding: 1.7em 0; | |||
| 13061 | } | 13061 | } | |||
| 13062 | ul.products li.product-category .thumb-info h3 { | 13062 | ul.products li.product-category .thumb-info h3 { | |||
| 13063 | color: #222529; | 13063 | color: #222529; | |||
| 13064 | letter-spacing: 0.35em; | 13064 | letter-spacing: 0.35em; | |||
| 13065 | text-transform: uppercase; | 13065 | text-transform: uppercase; | |||
| 13066 | } | 13066 | } | |||
| 13067 | </style> | 13067 | </style> | |||
| 13068 | <div class="category-slider porto-products wpb_content_element mb-0 no-padding hide-count"> | 13068 | <div class="category-slider porto-products wpb_content_element mb-0 no-padding hide-count"> | |||
| 13069 | <div class="slider-wrapper"> | 13069 | <div class="slider-wrapper"> | |||
| 13070 | <ul class="products products-container products-slider owl-carousel category-pos-bottom category-text-center"> | 13070 | <ul class="products products-container products-slider owl-carousel category-pos-bottom category-text-center"> | |||
| 13071 | <li class="product-category product-col"> | 13071 | <li class="product-category product-col"> | |||
| 13072 | <a href="#"> | 13072 | <a href="#"> | |||
| 13073 | <span class="thumb-info align-center"> | 13073 | <span class="thumb-info align-center"> | |||
| 13074 | <span class="thumb-info-wrapper tf-none"> | 13074 | <span class="thumb-info-wrapper tf-none"> | |||
| 13075 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/22/shop22_cat1.jpg"}}" /> | 13075 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/22/shop22_cat1.jpg"}}" /> | |||
| 13076 | </span> | 13076 | </span> | |||
| 13077 | <span class="thumb-info-wrap"> | 13077 | <span class="thumb-info-wrap"> | |||
| 13078 | <span class="thumb-info-title"> | 13078 | <span class="thumb-info-title"> | |||
| 13079 | <h3 class="sub-title thumb-info-inner">Boys</h3> | 13079 | <h3 class="sub-title thumb-info-inner">Boys</h3> | |||
| 13080 | <span class="thumb-info-type"> <mark class="count">8</mark> Products </span> | 13080 | <span class="thumb-info-type"> <mark class="count">8</mark> Products </span> | |||
| 13081 | </span> | 13081 | </span> | |||
| 13082 | </span> | 13082 | </span> | |||
| 13083 | </span> | 13083 | </span> | |||
| 13084 | </a> | 13084 | </a> | |||
| 13085 | </li> | 13085 | </li> | |||
| 13086 | <li class="product-category product-col"> | 13086 | <li class="product-category product-col"> | |||
| 13087 | <a href="#"> | 13087 | <a href="#"> | |||
| 13088 | <span class="thumb-info align-center"> | 13088 | <span class="thumb-info align-center"> | |||
| 13089 | <span class="thumb-info-wrapper tf-none"> | 13089 | <span class="thumb-info-wrapper tf-none"> | |||
| 13090 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/22/shop22_cat2.jpg"}}" /> | 13090 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/22/shop22_cat2.jpg"}}" /> | |||
| 13091 | </span> | 13091 | </span> | |||
| 13092 | <span class="thumb-info-wrap"> | 13092 | <span class="thumb-info-wrap"> | |||
| 13093 | <span class="thumb-info-title"> | 13093 | <span class="thumb-info-title"> | |||
| 13094 | <h3 class="sub-title thumb-info-inner">Babies</h3> | 13094 | <h3 class="sub-title thumb-info-inner">Babies</h3> | |||
| 13095 | <span class="thumb-info-type"> <mark class="count">4</mark> Products </span> | 13095 | <span class="thumb-info-type"> <mark class="count">4</mark> Products </span> | |||
| 13096 | </span> | 13096 | </span> | |||
| 13097 | </span> | 13097 | </span> | |||
| 13098 | </span> | 13098 | </span> | |||
| 13099 | </a> | 13099 | </a> | |||
| 13100 | </li> | 13100 | </li> | |||
| 13101 | <li class="product-category product-col"> | 13101 | <li class="product-category product-col"> | |||
| 13102 | <a href="#"> | 13102 | <a href="#"> | |||
| 13103 | <span class="thumb-info align-center"> | 13103 | <span class="thumb-info align-center"> | |||
| 13104 | <span class="thumb-info-wrapper tf-none"> | 13104 | <span class="thumb-info-wrapper tf-none"> | |||
| 13105 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/22/shop22_cat3.jpg"}}" /> | 13105 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/22/shop22_cat3.jpg"}}" /> | |||
| 13106 | </span> | 13106 | </span> | |||
| 13107 | <span class="thumb-info-wrap"> | 13107 | <span class="thumb-info-wrap"> | |||
| 13108 | <span class="thumb-info-title"> | 13108 | <span class="thumb-info-title"> | |||
| 13109 | <h3 class="sub-title thumb-info-inner">Girls</h3> | 13109 | <h3 class="sub-title thumb-info-inner">Girls</h3> | |||
| 13110 | <span class="thumb-info-type"> <mark class="count">5</mark> Products </span> | 13110 | <span class="thumb-info-type"> <mark class="count">5</mark> Products </span> | |||
| 13111 | </span> | 13111 | </span> | |||
| 13112 | </span> | 13112 | </span> | |||
| 13113 | </span> | 13113 | </span> | |||
| 13114 | </a> | 13114 | </a> | |||
| 13115 | </li> | 13115 | </li> | |||
| 13116 | </ul> | 13116 | </ul> | |||
| 13117 | <script type="text/javascript"> | 13117 | <script type="text/javascript"> | |||
| 13118 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | 13118 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | |||
| 13119 | $(".category-slider .owl-carousel").owlCarousel({ | 13119 | $(".category-slider .owl-carousel").owlCarousel({ | |||
| 13120 | autoplay: false, | 13120 | autoplay: false, | |||
| 13121 | autoplayTimeout: 5000, | 13121 | autoplayTimeout: 5000, | |||
| 13122 | autoplayHoverPause: true, | 13122 | autoplayHoverPause: true, | |||
| 13123 | loop: false, | 13123 | loop: false, | |||
| 13124 | navRewind: true, | 13124 | navRewind: true, | |||
| 13125 | lazyLoad: true, | 13125 | lazyLoad: true, | |||
| 13126 | margin: 0, | 13126 | margin: 0, | |||
| 13127 | nav: false, | 13127 | nav: false, | |||
| 13128 | dots: false, | 13128 | dots: false, | |||
| 13129 | responsive: { | 13129 | responsive: { | |||
| 13130 | 0: { | 13130 | 0: { | |||
| 13131 | items: 1, | 13131 | items: 1, | |||
| 13132 | }, | 13132 | }, | |||
| 13133 | 640: { | 13133 | 640: { | |||
| 13134 | items: 1, | 13134 | items: 1, | |||
| 13135 | }, | 13135 | }, | |||
| 13136 | 768: { | 13136 | 768: { | |||
| 13137 | items: 2, | 13137 | items: 2, | |||
| 13138 | }, | 13138 | }, | |||
| 13139 | 992: { | 13139 | 992: { | |||
| 13140 | items: 3, | 13140 | items: 3, | |||
| 13141 | }, | 13141 | }, | |||
| 13142 | 1200: { | 13142 | 1200: { | |||
| 13143 | items: 3, | 13143 | items: 3, | |||
| 13144 | }, | 13144 | }, | |||
| 13145 | }, | 13145 | }, | |||
| 13146 | }); | 13146 | }); | |||
| 13147 | }); | 13147 | }); | |||
| 13148 | </script> | 13148 | </script> | |||
| 13149 | </div> | 13149 | </div> | |||
| 13150 | </div> | 13150 | </div> | |||
| 13151 | </div> | 13151 | </div> | |||
| 13152 | </div> | 13152 | </div> | |||
| 13153 | </div> | 13153 | </div> | |||
| 13154 | <div class="pb-4 section mb-0"> | 13154 | <div class="pb-4 section mb-0"> | |||
| 13155 | <div class="container"> | 13155 | <div class="container"> | |||
| 13156 | <div class="row"> | 13156 | <div class="row"> | |||
| 13157 | <div class="col-md-12"> | 13157 | <div class="col-md-12"> | |||
| 13158 | <div class="wpb_wrapper vc_column-inner"> | 13158 | <div class="wpb_wrapper vc_column-inner"> | |||
| 13159 | <div class="porto-products wpb_content_element mb-0"> | 13159 | <div class="porto-products wpb_content_element mb-0"> | |||
| 13160 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_type="3" product_count="4" column_count="4" aspect_ratio="0" image_width="350" image_height="350" | 13160 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_type="3" product_count="4" column_count="4" aspect_ratio="0" image_width="350" image_height="350" | |||
| 13161 | template="grid.phtml"}} | 13161 | template="grid.phtml"}} | |||
| 13162 | </div> | 13162 | </div> | |||
| 13163 | </div> | 13163 | </div> | |||
| 13164 | </div> | 13164 | </div> | |||
| 13165 | </div> | 13165 | </div> | |||
| 13166 | </div> | 13166 | </div> | |||
| 13167 | </div> | 13167 | </div> | |||
| 13168 | <div style="padding-top: 30px !important; padding-bottom: 30px; border-top: 1px solid #e7e7e7;"> | 13168 | <div style="padding-top: 30px !important; padding-bottom: 30px; border-top: 1px solid #e7e7e7;"> | |||
| 13169 | <div class="porto-wrap-container container"> | 13169 | <div class="porto-wrap-container container"> | |||
| 13170 | <div class="row"> | 13170 | <div class="row"> | |||
| 13171 | <div class="vc_column_container col-md-12"> | 13171 | <div class="vc_column_container col-md-12"> | |||
| 13172 | <div class="wpb_wrapper vc_column-inner"> | 13172 | <div class="wpb_wrapper vc_column-inner"> | |||
| 13173 | <div class="porto-carousel brand-carousel owl-carousel mb-0"> | 13173 | <div class="porto-carousel brand-carousel owl-carousel mb-0"> | |||
| 13174 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/21/shop21_brand1.png"}}" alt="" /></div> | 13174 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/21/shop21_brand1.png"}}" alt="" /></div> | |||
| 13175 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/21/shop21_brand2.png"}}" alt="" /></div> | 13175 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/21/shop21_brand2.png"}}" alt="" /></div> | |||
| 13176 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/21/shop21_brand3.png"}}" alt="" /></div> | 13176 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/21/shop21_brand3.png"}}" alt="" /></div> | |||
| 13177 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/21/shop21_brand4.png"}}" alt="" /></div> | 13177 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/21/shop21_brand4.png"}}" alt="" /></div> | |||
| 13178 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/21/shop21_brand5.png"}}" alt="" /></div> | 13178 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/21/shop21_brand5.png"}}" alt="" /></div> | |||
| 13179 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/21/shop21_brand1.png"}}" alt="" /></div> | 13179 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/21/shop21_brand1.png"}}" alt="" /></div> | |||
| 13180 | </div> | 13180 | </div> | |||
| 13181 | <script type="text/javascript"> | 13181 | <script type="text/javascript"> | |||
| 13182 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | 13182 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | |||
| 13183 | $(".brand-carousel.owl-carousel").owlCarousel({ | 13183 | $(".brand-carousel.owl-carousel").owlCarousel({ | |||
| 13184 | autoplay: true, | 13184 | autoplay: true, | |||
| 13185 | autoplayTimeout: 5000, | 13185 | autoplayTimeout: 5000, | |||
| 13186 | autoplayHoverPause: true, | 13186 | autoplayHoverPause: true, | |||
| 13187 | nav: false, | 13187 | nav: false, | |||
| 13188 | dots: false, | 13188 | dots: false, | |||
| 13189 | loop: false, | 13189 | loop: false, | |||
| 13190 | responsive: { | 13190 | responsive: { | |||
| 13191 | 0: { | 13191 | 0: { | |||
| 13192 | items: 2, | 13192 | items: 2, | |||
| 13193 | }, | 13193 | }, | |||
| 13194 | 640: { | 13194 | 640: { | |||
| 13195 | items: 2, | 13195 | items: 2, | |||
| 13196 | }, | 13196 | }, | |||
| 13197 | 768: { | 13197 | 768: { | |||
| 13198 | items: 3, | 13198 | items: 3, | |||
| 13199 | }, | 13199 | }, | |||
| 13200 | 992: { | 13200 | 992: { | |||
| 13201 | items: 4, | 13201 | items: 4, | |||
| 13202 | }, | 13202 | }, | |||
| 13203 | 1200: { | 13203 | 1200: { | |||
| 13204 | items: 5, | 13204 | items: 5, | |||
| 13205 | }, | 13205 | }, | |||
| 13206 | }, | 13206 | }, | |||
| 13207 | }); | 13207 | }); | |||
| 13208 | }); | 13208 | }); | |||
| 13209 | </script> | 13209 | </script> | |||
| 13210 | </div> | 13210 | </div> | |||
| 13211 | </div> | 13211 | </div> | |||
| 13212 | </div> | 13212 | </div> | |||
| 13213 | </div> | 13213 | </div> | |||
| 13214 | </div> | 13214 | </div> | |||
| 13215 | ]]> | 13215 | ]]> | |||
| 13216 | </content> | 13216 | </content> | |||
| 13217 | 13217 | |||||
| 13218 | <is_active> | 13218 | <is_active> | |||
| 13219 | 1 | 13219 | 1 | |||
| 13220 | </is_active> | 13220 | </is_active> | |||
| 13221 | 13221 | |||||
| 13222 | <page_layout> | 13222 | <page_layout> | |||
| 13223 | 1column | 13223 | 1column | |||
| 13224 | </page_layout> | 13224 | </page_layout> | |||
| 13225 | 13225 | |||||
| 13226 | <layout_update_xml> | 13226 | <layout_update_xml> | |||
| 13227 | </layout_update_xml> | 13227 | </layout_update_xml> | |||
| 13228 | 13228 | |||||
| 13229 | </cms_item> | 13229 | </cms_item> | |||
| 13230 | 13230 | |||||
| 13231 | <cms_item> | 13231 | <cms_item> | |||
| 13232 | 13232 | |||||
| 13233 | <title> | 13233 | <title> | |||
| 13234 | Porto - Homepage 23 | 13234 | Porto - Homepage 23 | |||
| 13235 | </title> | 13235 | </title> | |||
| 13236 | 13236 | |||||
| 13237 | <identifier> | 13237 | <identifier> | |||
| 13238 | porto_home_23 | 13238 | porto_home_23 | |||
| 13239 | </identifier> | 13239 | </identifier> | |||
| 13240 | 13240 | |||||
| 13241 | <content> | 13241 | <content> | |||
| 13242 | <![CDATA[<style> | 13242 | <![CDATA[<style> | |||
| 13243 | .columns .column.main { | 13243 | .columns .column.main { | |||
| 13244 | padding-bottom: 0; | 13244 | padding-bottom: 0; | |||
| 13245 | } | 13245 | } | |||
| 13246 | .section { | 13246 | .section { | |||
| 13247 | margin-top: 30px; | 13247 | margin-top: 30px; | |||
| 13248 | padding: 50px 0; | 13248 | padding: 50px 0; | |||
| 13249 | } | 13249 | } | |||
| 13250 | .custom-shape-wrapper1, .custom-shape-wrapper2 { | 13250 | .custom-shape-wrapper1, .custom-shape-wrapper2 { | |||
| 13251 | position: relative; | 13251 | position: relative; | |||
| 13252 | } | 13252 | } | |||
| 13253 | .custom-shape-wrapper1 { | 13253 | .custom-shape-wrapper1 { | |||
| 13254 | z-index: 8; | 13254 | z-index: 8; | |||
| 13255 | } | 13255 | } | |||
| 13256 | .porto-ultimate-content-box { | 13256 | .porto-ultimate-content-box { | |||
| 13257 | font-size: inherit; | 13257 | font-size: inherit; | |||
| 13258 | } | 13258 | } | |||
| 13259 | .curved-border { | 13259 | .curved-border { | |||
| 13260 | min-height: 7.2vw; | 13260 | min-height: 7.2vw; | |||
| 13261 | position: relative; | 13261 | position: relative; | |||
| 13262 | } | 13262 | } | |||
| 13263 | .home-slider ul.products, | 13263 | .home-slider ul.products, | |||
| 13264 | .home-slider ul.products li.product { | 13264 | .home-slider ul.products li.product { | |||
| 13265 | margin-bottom: 0; | 13265 | margin-bottom: 0; | |||
| 13266 | padding: 0; | 13266 | padding: 0; | |||
| 13267 | } | 13267 | } | |||
| 13268 | ul.products li.product-col h3 { | 13268 | ul.products li.product-col h3 { | |||
| 13269 | line-height: 1.35; | 13269 | line-height: 1.35; | |||
| 13270 | letter-spacing: -.01em; | 13270 | letter-spacing: -.01em; | |||
| 13271 | white-space: nowrap; | 13271 | white-space: nowrap; | |||
| 13272 | overflow: hidden; | 13272 | overflow: hidden; | |||
| 13273 | text-overflow: ellipsis; | 13273 | text-overflow: ellipsis; | |||
| 13274 | } | 13274 | } | |||
| 13275 | ul.products li.product-col .price { | 13275 | ul.products li.product-col .price { | |||
| 13276 | margin-bottom: 1rem; | 13276 | margin-bottom: 1rem; | |||
| 13277 | } | 13277 | } | |||
| 13278 | ul.products li.product-col .add-links { | 13278 | ul.products li.product-col .add-links { | |||
| 13279 | display: inline-block; | 13279 | display: inline-block; | |||
| 13280 | position: relative; | 13280 | position: relative; | |||
| 13281 | } | 13281 | } | |||
| 13282 | .home-slider .porto-ultimate-content-box { | 13282 | .home-slider .porto-ultimate-content-box { | |||
| 13283 | padding: 14vh 0; | 13283 | padding: 14vh 0; | |||
| 13284 | } | 13284 | } | |||
| 13285 | .home-slider .products .product .add-links .button { | 13285 | .home-slider .products .product .add-links .button { | |||
| 13286 | font-family: Poppins,sans-serif; | 13286 | font-family: Poppins,sans-serif; | |||
| 13287 | background-color: #141a1f!important; | 13287 | background-color: #141a1f!important; | |||
| 13288 | font-size: 1em; | 13288 | font-size: 1em; | |||
| 13289 | font-weight: 600; | 13289 | font-weight: 600; | |||
| 13290 | letter-spacing: 0; | 13290 | letter-spacing: 0; | |||
| 13291 | padding: .7em 2.5em .7em 3em; | 13291 | padding: .7em 2.5em .7em 3em; | |||
| 13292 | height: auto; | 13292 | height: auto; | |||
| 13293 | border-radius: 3em 0 0 3em; | 13293 | border-radius: 3em 0 0 3em; | |||
| 13294 | margin-right: 4em; | 13294 | margin-right: 4em; | |||
| 13295 | overflow: visible; | 13295 | overflow: visible; | |||
| 13296 | line-height: 34px; | 13296 | line-height: 34px; | |||
| 13297 | min-width: 36px; | 13297 | min-width: 36px; | |||
| 13298 | margin-bottom: 5px; | 13298 | margin-bottom: 5px; | |||
| 13299 | position: relative; | 13299 | position: relative; | |||
| 13300 | display: inline-block; | 13300 | display: inline-block; | |||
| 13301 | border: 1px solid #ea6253; | 13301 | border: 1px solid #ea6253; | |||
| 13302 | color: #fff; | 13302 | color: #fff; | |||
| 13303 | text-transform: uppercase; | 13303 | text-transform: uppercase; | |||
| 13304 | text-align: center; | 13304 | text-align: center; | |||
| 13305 | white-space: nowrap; | 13305 | white-space: nowrap; | |||
| 13306 | } | 13306 | } | |||
| 13307 | .home-slider .products .product .add-links .button:after { | 13307 | .home-slider .products .product .add-links .button:after { | |||
| 13308 | content: "\f054"; | 13308 | content: "\f054"; | |||
| 13309 | font-family: "Font Awesome 5 Free"; | 13309 | font-family: "Font Awesome 5 Free"; | |||
| 13310 | padding: 0.7em 0; | 13310 | padding: 0.7em 0; | |||
| 13311 | position: absolute; | 13311 | position: absolute; | |||
| 13312 | left: 100%; | 13312 | left: 100%; | |||
| 13313 | top: 0; | 13313 | top: 0; | |||
| 13314 | height: 100%; | 13314 | height: 100%; | |||
| 13315 | width: 3.7em; | 13315 | width: 3.7em; | |||
| 13316 | margin-left: 0.3em; | 13316 | margin-left: 0.3em; | |||
| 13317 | background-color: inherit; | 13317 | background-color: inherit; | |||
| 13318 | border-radius: 0 3em 3em 0; | 13318 | border-radius: 0 3em 3em 0; | |||
| 13319 | } | 13319 | } | |||
| 13320 | .home-slider .products .product-image, | 13320 | .home-slider .products .product-image, | |||
| 13321 | .home-slider .products .product-image img { | 13321 | .home-slider .products .product-image img { | |||
| 13322 | border-radius: 4px; | 13322 | border-radius: 4px; | |||
| 13323 | } | 13323 | } | |||
| 13324 | .home-slider .products .product .product-loop-title h3 { | 13324 | .home-slider .products .product .product-loop-title h3 { | |||
| 13325 | font-family: Poppins; | 13325 | font-family: Poppins; | |||
| 13326 | font-size: 25px; | 13326 | font-size: 25px; | |||
| 13327 | font-weight: 700; | 13327 | font-weight: 700; | |||
| 13328 | background: #fff; | 13328 | background: #fff; | |||
| 13329 | border-radius: 5px; | 13329 | border-radius: 5px; | |||
| 13330 | padding: 0.75em; | 13330 | padding: 0.75em; | |||
| 13331 | text-align: center; | 13331 | text-align: center; | |||
| 13332 | margin-bottom: 2.6em; | 13332 | margin-bottom: 2.6em; | |||
| 13333 | } | 13333 | } | |||
| 13334 | .home-slider .products .product-content { | 13334 | .home-slider .products .product-content { | |||
| 13335 | display: flex; | 13335 | display: flex; | |||
| 13336 | flex-direction: column; | 13336 | flex-direction: column; | |||
| 13337 | align-items: flex-end; | 13337 | align-items: flex-end; | |||
| 13338 | } | 13338 | } | |||
| 13339 | .home-slider .products .product-loop-title { | 13339 | .home-slider .products .product-loop-title { | |||
| 13340 | -ms-flex: 0 0 100%; | 13340 | -ms-flex: 0 0 100%; | |||
| 13341 | flex: 0 0 100%; | 13341 | flex: 0 0 100%; | |||
| 13342 | width: 100%; | 13342 | width: 100%; | |||
| 13343 | } | 13343 | } | |||
| 13344 | .home-slider .products .product .price { | 13344 | .home-slider .products .product .price { | |||
| 13345 | background: #fff; | 13345 | background: #fff; | |||
| 13346 | font-size: 1em; | 13346 | font-size: 1em; | |||
| 13347 | padding: 2.2em 3.25em 2.9em; | 13347 | padding: 2.2em 3.25em 2.9em; | |||
| 13348 | border-radius: 6em; | 13348 | border-radius: 6em; | |||
| 13349 | font-family: Poppins; | 13349 | font-family: Poppins; | |||
| 13350 | color: #141a1f; | 13350 | color: #141a1f; | |||
| 13351 | font-weight: 700; | 13351 | font-weight: 700; | |||
| 13352 | display: -ms-flexbox; | 13352 | display: -ms-flexbox; | |||
| 13353 | display: flex; | 13353 | display: flex; | |||
| 13354 | align-items: center; | 13354 | align-items: center; | |||
| 13355 | justify-content: space-between; | 13355 | justify-content: space-between; | |||
| 13356 | visibility: hidden; | 13356 | visibility: hidden; | |||
| 13357 | line-height: 1; | 13357 | line-height: 1; | |||
| 13358 | } | 13358 | } | |||
| 13359 | .home-slider .products .product .price del { | 13359 | .home-slider .products .product .price del { | |||
| 13360 | font-size: .55em; | 13360 | font-size: .55em; | |||
| 13361 | display: block; | 13361 | display: block; | |||
| 13362 | margin-right: .2143em; | 13362 | margin-right: .2143em; | |||
| 13363 | vertical-align: baseline; | 13363 | vertical-align: baseline; | |||
| 13364 | color: #a7a7a7; | 13364 | color: #a7a7a7; | |||
| 13365 | line-height: 1; | 13365 | line-height: 1; | |||
| 13366 | } | 13366 | } | |||
| 13367 | .home-slider .price ins { | 13367 | .home-slider .price ins { | |||
| 13368 | display: inline-block; | 13368 | display: inline-block; | |||
| 13369 | text-decoration: none; | 13369 | text-decoration: none; | |||
| 13370 | vertical-align: baseline; | 13370 | vertical-align: baseline; | |||
| 13371 | line-height: 1; | 13371 | line-height: 1; | |||
| 13372 | } | 13372 | } | |||
| 13373 | .home-slider .products .price-wrapper { | 13373 | .home-slider .products .price-wrapper { | |||
| 13374 | display: block; | 13374 | display: block; | |||
| 13375 | text-align: right; | 13375 | text-align: right; | |||
| 13376 | font-size: 3em; | 13376 | font-size: 3em; | |||
| 13377 | } | 13377 | } | |||
| 13378 | .home-slider .products .add-links-wrap { | 13378 | .home-slider .products .add-links-wrap { | |||
| 13379 | margin: -3em 2em 0 0; | 13379 | margin: -3em 2em 0 0; | |||
| 13380 | } | 13380 | } | |||
| 13381 | .home-slider .products .sale-text { | 13381 | .home-slider .products .sale-text { | |||
| 13382 | font-size: 1.4286em; | 13382 | font-size: 1.4286em; | |||
| 13383 | font-weight: 700; | 13383 | font-weight: 700; | |||
| 13384 | margin-right: 2em; | 13384 | margin-right: 2em; | |||
| 13385 | white-space: nowrap; | 13385 | white-space: nowrap; | |||
| 13386 | } | 13386 | } | |||
| 13387 | .home-slider .products .sale-text small { | 13387 | .home-slider .products .sale-text small { | |||
| 13388 | font-weight: 500; | 13388 | font-weight: 500; | |||
| 13389 | display: block; | 13389 | display: block; | |||
| 13390 | font-size: 0.65em; | 13390 | font-size: 0.65em; | |||
| 13391 | opacity: 0.7; | 13391 | opacity: 0.7; | |||
| 13392 | margin-bottom: 0.25rem; | 13392 | margin-bottom: 0.25rem; | |||
| 13393 | } | 13393 | } | |||
| 13394 | .home-slider .owl-item:nth-child(2n) .product-image { | 13394 | .home-slider .owl-item:nth-child(2n) .product-image { | |||
| 13395 | order: 2; | 13395 | order: 2; | |||
| 13396 | } | 13396 | } | |||
| 13397 | .home-slider .owl-item:nth-child(2n) .products .add-links-wrap { | 13397 | .home-slider .owl-item:nth-child(2n) .products .add-links-wrap { | |||
| 13398 | margin-right: 0; | 13398 | margin-right: 0; | |||
| 13399 | margin-left: 2.75em; | 13399 | margin-left: 2.75em; | |||
| 13400 | } | 13400 | } | |||
| 13401 | .home-slider .owl-item:nth-child(2n) .products .product-content { | 13401 | .home-slider .owl-item:nth-child(2n) .products .product-content { | |||
| 13402 | align-items: flex-start; | 13402 | align-items: flex-start; | |||
| 13403 | } | 13403 | } | |||
| 13404 | .home-slider .owl-item:nth-child(2n) .products .add-links .button { | 13404 | .home-slider .owl-item:nth-child(2n) .products .add-links .button { | |||
| 13405 | background-color: #ea6253 !important; | 13405 | background-color: #ea6253 !important; | |||
| 13406 | } | 13406 | } | |||
| 13407 | .add-links .add_to_cart_button:before, .add-links .add_to_cart_read_more:before { | 13407 | .add-links .add_to_cart_button:before, .add-links .add_to_cart_read_more:before { | |||
| 13408 | content: "\f061"; | 13408 | content: "\f061"; | |||
| 13409 | font-family: 'Font Awesome 5 Free'; | 13409 | font-family: 'Font Awesome 5 Free'; | |||
| 13410 | font-weight: 900; | 13410 | font-weight: 900; | |||
| 13411 | margin-right: 5px; | 13411 | margin-right: 5px; | |||
| 13412 | position: relative; | 13412 | position: relative; | |||
| 13413 | float: left; | 13413 | float: left; | |||
| 13414 | display: inline-block; | 13414 | display: inline-block; | |||
| 13415 | } | 13415 | } | |||
| 13416 | @media (min-width: 576px) { | 13416 | @media (min-width: 576px) { | |||
| 13417 | ul.list li.product .product-inner { | 13417 | ul.list li.product .product-inner { | |||
| 13418 | display: flex; | 13418 | display: flex; | |||
| 13419 | align-items: center; | 13419 | align-items: center; | |||
| 13420 | } | 13420 | } | |||
| 13421 | .home-slider .products .product .product-image { | 13421 | .home-slider .products .product .product-image { | |||
| 13422 | -ms-flex: 0 0 62%; | 13422 | -ms-flex: 0 0 62%; | |||
| 13423 | flex: 0 0 62%; | 13423 | flex: 0 0 62%; | |||
| 13424 | max-width: 62%; | 13424 | max-width: 62%; | |||
| 13425 | margin: 0; | 13425 | margin: 0; | |||
| 13426 | } | 13426 | } | |||
| 13427 | .home-slider .products .product .product-content { | 13427 | .home-slider .products .product .product-content { | |||
| 13428 | -ms-flex: 0 0 38%; | 13428 | -ms-flex: 0 0 38%; | |||
| 13429 | flex: 0 0 38%; | 13429 | flex: 0 0 38%; | |||
| 13430 | max-width: 38%; | 13430 | max-width: 38%; | |||
| 13431 | position: relative; | 13431 | position: relative; | |||
| 13432 | z-index: 1; | 13432 | z-index: 1; | |||
| 13433 | padding-left: 20px; | 13433 | padding-left: 20px; | |||
| 13434 | } | 13434 | } | |||
| 13435 | .home-slider .products .product .product-loop-title h3 { | 13435 | .home-slider .products .product .product-loop-title h3 { | |||
| 13436 | margin-left: -50px; | 13436 | margin-left: -50px; | |||
| 13437 | } | 13437 | } | |||
| 13438 | .home-slider .owl-item:nth-child(2n) .products .product-loop-title h3 { | 13438 | .home-slider .owl-item:nth-child(2n) .products .product-loop-title h3 { | |||
| 13439 | margin-right: -50px; | 13439 | margin-right: -50px; | |||
| 13440 | margin-left: 0; | 13440 | margin-left: 0; | |||
| 13441 | } | 13441 | } | |||
| 13442 | .home-slider .owl-item:nth-child(2n) .products .product-image { | 13442 | .home-slider .owl-item:nth-child(2n) .products .product-image { | |||
| 13443 | padding: 0; | 13443 | padding: 0; | |||
| 13444 | } | 13444 | } | |||
| 13445 | .home-slider .owl-item:nth-child(2n) .products .product-content { | 13445 | .home-slider .owl-item:nth-child(2n) .products .product-content { | |||
| 13446 | padding-right: 20px; | 13446 | padding-right: 20px; | |||
| 13447 | padding-left: 0; | 13447 | padding-left: 0; | |||
| 13448 | } | 13448 | } | |||
| 13449 | } | 13449 | } | |||
| 13450 | @media (max-width: 767px) { | 13450 | @media (max-width: 767px) { | |||
| 13451 | .home-slider .products .product .product-loop-title h3 { | 13451 | .home-slider .products .product .product-loop-title h3 { | |||
| 13452 | font-size: 15px; | 13452 | font-size: 15px; | |||
| 13453 | } | 13453 | } | |||
| 13454 | 13454 | |||||
| 13455 | .home-slider .products .add-links-wrap, | 13455 | .home-slider .products .add-links-wrap, | |||
| 13456 | .home-slider .products .product .price { | 13456 | .home-slider .products .product .price { | |||
| 13457 | font-size: 12px; | 13457 | font-size: 12px; | |||
| 13458 | } | 13458 | } | |||
| 13459 | } | 13459 | } | |||
| 13460 | .home-slider .owl-carousel.nav-style-2 .owl-nav [class*="owl-"] { | 13460 | .home-slider .owl-carousel.nav-style-2 .owl-nav [class*="owl-"] { | |||
| 13461 | font-size: 2.25rem; | 13461 | font-size: 2.25rem; | |||
| 13462 | } | 13462 | } | |||
| 13463 | .home-slider .owl-carousel .owl-nav { | 13463 | .home-slider .owl-carousel .owl-nav { | |||
| 13464 | top: 42%; | 13464 | top: 42%; | |||
| 13465 | } | 13465 | } | |||
| 13466 | @media (min-width: 1280px) { | 13466 | @media (min-width: 1280px) { | |||
| 13467 | .home-slider .owl-carousel .owl-nav .owl-prev { | 13467 | .home-slider .owl-carousel .owl-nav .owl-prev { | |||
| 13468 | left: 40px; | 13468 | left: 40px; | |||
| 13469 | } | 13469 | } | |||
| 13470 | .home-slider .owl-carousel .owl-nav .owl-next { | 13470 | .home-slider .owl-carousel .owl-nav .owl-next { | |||
| 13471 | right: 40px; | 13471 | right: 40px; | |||
| 13472 | } | 13472 | } | |||
| 13473 | } | 13473 | } | |||
| 13474 | </style> | 13474 | </style> | |||
| 13475 | <div class="row curved-border home-slider no-padding"> | 13475 | <div class="row curved-border home-slider no-padding"> | |||
| 13476 | <div class="col-md-12"> | 13476 | <div class="col-md-12"> | |||
| 13477 | <div class="wpb_wrapper vc_column-inner"> | 13477 | <div class="wpb_wrapper vc_column-inner"> | |||
| 13478 | <div id="banner-slider-demo-23" class="porto-carousel owl-carousel mb-0 porto-standable-carousel nav-pos-inside nav-style-2"> | 13478 | <div id="banner-slider-demo-23" class="porto-carousel owl-carousel mb-0 porto-standable-carousel nav-pos-inside nav-style-2"> | |||
| 13479 | <div class="porto-ultimate-content-box-container"> | 13479 | <div class="porto-ultimate-content-box-container"> | |||
| 13480 | <div class="porto-ultimate-content-box" | 13480 | <div class="porto-ultimate-content-box" | |||
| 13481 | style="background-color: #d85d4e; | 13481 | style="background-color: #d85d4e; | |||
| 13482 | background-size: cover; | 13482 | background-size: cover; | |||
| 13483 | background-repeat: no-repeat; | 13483 | background-repeat: no-repeat; | |||
| 13484 | background-position: center center; | 13484 | background-position: center center; | |||
| 13485 | background-color: rgba(0, 0, 0, 0); | 13485 | background-color: rgba(0, 0, 0, 0); | |||
| 13486 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/23/shop23_home_slide1.jpg"}}'); | 13486 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/23/shop23_home_slide1.jpg"}}'); | |||
| 13487 | "> | 13487 | "> | |||
| 13488 | <div class="container"> | 13488 | <div class="container"> | |||
| 13489 | <div class="porto-products wpb_content_element mb-0"> | 13489 | <div class="porto-products wpb_content_element mb-0"> | |||
| 13490 | <div class="woocommerce"> | 13490 | <div class="woocommerce"> | |||
| 13491 | <ul class="products products-container list"> | 13491 | <ul class="products products-container list"> | |||
| 13492 | <li class="product-col product type-product"> | 13492 | <li class="product-col product type-product"> | |||
| 13493 | <div class="product-inner"> | 13493 | <div class="product-inner"> | |||
| 13494 | <div class="product-image"> | 13494 | <div class="product-image"> | |||
| 13495 | <a href="#"> | 13495 | <a href="#"> | |||
| 13496 | <div class="inner"> | 13496 | <div class="inner"> | |||
| 13497 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/23/shop23_product1.jpg"}}" /> | 13497 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/23/shop23_product1.jpg"}}" /> | |||
| 13498 | </div> | 13498 | </div> | |||
| 13499 | </a> | 13499 | </a> | |||
| 13500 | </div> | 13500 | </div> | |||
| 13501 | <div class="product-content"> | 13501 | <div class="product-content"> | |||
| 13502 | <a class="product-loop-title" href="#"> | 13502 | <a class="product-loop-title" href="#"> | |||
| 13503 | <h3>Portoblee – Responsive Theme</h3> | 13503 | <h3>Portoblee – Responsive Theme</h3> | |||
| 13504 | </a> | 13504 | </a> | |||
| 13505 | <span class="price" style="visibility: visible;"> | 13505 | <span class="price" style="visibility: visible;"> | |||
| 13506 | <span class="sale-text"><small>get yours now</small>SALE 34%</span> | 13506 | <span class="sale-text"><small>get yours now</small>SALE 34%</span> | |||
| 13507 | <span class="price-wrapper"> | 13507 | <span class="price-wrapper"> | |||
| 13508 | <del> | 13508 | <del> | |||
| 13509 | <span class="amount"> | 13509 | <span class="amount"> | |||
| 13510 | <bdi><span>$</span>59</bdi> | 13510 | <bdi><span>$</span>59</bdi> | |||
| 13511 | </span> | 13511 | </span> | |||
| 13512 | </del> | 13512 | </del> | |||
| 13513 | <ins> | 13513 | <ins> | |||
| 13514 | <span class="amount"> | 13514 | <span class="amount"> | |||
| 13515 | <bdi><span>$</span>39</bdi> | 13515 | <bdi><span>$</span>39</bdi> | |||
| 13516 | </span> | 13516 | </span> | |||
| 13517 | </ins> | 13517 | </ins> | |||
| 13518 | </span> | 13518 | </span> | |||
| 13519 | </span> | 13519 | </span> | |||
| 13520 | <div class="add-links-wrap"> | 13520 | <div class="add-links-wrap"> | |||
| 13521 | <div class="add-links clearfix"> | 13521 | <div class="add-links clearfix"> | |||
| 13522 | <a href="#" class="viewcart-style-1 button add_to_cart_button">Select options</a> | 13522 | <a href="#" class="viewcart-style-1 button add_to_cart_button">Select options</a> | |||
| 13523 | </div> | 13523 | </div> | |||
| 13524 | </div> | 13524 | </div> | |||
| 13525 | </div> | 13525 | </div> | |||
| 13526 | </div> | 13526 | </div> | |||
| 13527 | </li> | 13527 | </li> | |||
| 13528 | </ul> | 13528 | </ul> | |||
| 13529 | </div> | 13529 | </div> | |||
| 13530 | </div> | 13530 | </div> | |||
| 13531 | </div> | 13531 | </div> | |||
| 13532 | </div> | 13532 | </div> | |||
| 13533 | </div> | 13533 | </div> | |||
| 13534 | <div class="porto-ultimate-content-box-container"> | 13534 | <div class="porto-ultimate-content-box-container"> | |||
| 13535 | <div class="porto-ultimate-content-box porto-lazyload lazy-load-loaded" | 13535 | <div class="porto-ultimate-content-box porto-lazyload lazy-load-loaded" | |||
| 13536 | style="background-size: cover; | 13536 | style="background-size: cover; | |||
| 13537 | background-repeat: no-repeat; | 13537 | background-repeat: no-repeat; | |||
| 13538 | background-position: center center; | 13538 | background-position: center center; | |||
| 13539 | background-color: rgba(0, 0, 0, 0); | 13539 | background-color: rgba(0, 0, 0, 0); | |||
| 13540 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/23/shop23_home_slide2.jpg"}}'); | 13540 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/23/shop23_home_slide2.jpg"}}'); | |||
| 13541 | "> | 13541 | "> | |||
| 13542 | <div class="porto-container container"> | 13542 | <div class="porto-container container"> | |||
| 13543 | <div class="porto-products wpb_content_element mb-0"> | 13543 | <div class="porto-products wpb_content_element mb-0"> | |||
| 13544 | <div class="woocommerce"> | 13544 | <div class="woocommerce"> | |||
| 13545 | <ul class="products products-container list"> | 13545 | <ul class="products products-container list"> | |||
| 13546 | <li class="product-col product"> | 13546 | <li class="product-col product"> | |||
| 13547 | <div class="product-inner"> | 13547 | <div class="product-inner"> | |||
| 13548 | <div class="product-image"> | 13548 | <div class="product-image"> | |||
| 13549 | <a href="#"> | 13549 | <a href="#"> | |||
| 13550 | <div class="inner"> | 13550 | <div class="inner"> | |||
| 13551 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/23/shop23_product2.jpg"}}" /> | 13551 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/23/shop23_product2.jpg"}}" /> | |||
| 13552 | </div> | 13552 | </div> | |||
| 13553 | </a> | 13553 | </a> | |||
| 13554 | </div> | 13554 | </div> | |||
| 13555 | <div class="product-content"> | 13555 | <div class="product-content"> | |||
| 13556 | <a class="product-loop-title" href="#"><h3>Shoport – eCommerce Theme</h3> </a> | 13556 | <a class="product-loop-title" href="#"><h3>Shoport – eCommerce Theme</h3> </a> | |||
| 13557 | <span class="price" style="visibility: visible;"> | 13557 | <span class="price" style="visibility: visible;"> | |||
| 13558 | <span class="sale-text"><small>get yours now</small>SALE 50%</span> | 13558 | <span class="sale-text"><small>get yours now</small>SALE 50%</span> | |||
| 13559 | <span class="price-wrapper"> | 13559 | <span class="price-wrapper"> | |||
| 13560 | <del> | 13560 | <del> | |||
| 13561 | <span class="woocommerce-Price-amount amount"> | 13561 | <span class="woocommerce-Price-amount amount"> | |||
| 13562 | <bdi><span class="woocommerce-Price-currencySymbol">$</span>399</bdi> | 13562 | <bdi><span class="woocommerce-Price-currencySymbol">$</span>399</bdi> | |||
| 13563 | </span> | 13563 | </span> | |||
| 13564 | </del> | 13564 | </del> | |||
| 13565 | <ins> | 13565 | <ins> | |||
| 13566 | <span class="woocommerce-Price-amount amount"> | 13566 | <span class="woocommerce-Price-amount amount"> | |||
| 13567 | <bdi><span class="woocommerce-Price-currencySymbol">$</span>198</bdi> | 13567 | <bdi><span class="woocommerce-Price-currencySymbol">$</span>198</bdi> | |||
| 13568 | </span> | 13568 | </span> | |||
| 13569 | </ins> | 13569 | </ins> | |||
| 13570 | </span> | 13570 | </span> | |||
| 13571 | </span> | 13571 | </span> | |||
| 13572 | <div class="add-links-wrap"> | 13572 | <div class="add-links-wrap"> | |||
| 13573 | <div class="add-links clearfix"> | 13573 | <div class="add-links clearfix"> | |||
| 13574 | <a href="#" class="viewcart-style-1 button add_to_cart_button">Select options</a> | 13574 | <a href="#" class="viewcart-style-1 button add_to_cart_button">Select options</a> | |||
| 13575 | </div> | 13575 | </div> | |||
| 13576 | </div> | 13576 | </div> | |||
| 13577 | </div> | 13577 | </div> | |||
| 13578 | </div> | 13578 | </div> | |||
| 13579 | </li> | 13579 | </li> | |||
| 13580 | </ul> | 13580 | </ul> | |||
| 13581 | </div> | 13581 | </div> | |||
| 13582 | </div> | 13582 | </div> | |||
| 13583 | </div> | 13583 | </div> | |||
| 13584 | </div> | 13584 | </div> | |||
| 13585 | </div> | 13585 | </div> | |||
| 13586 | </div> | 13586 | </div> | |||
| 13587 | <script type="text/javascript"> | 13587 | <script type="text/javascript"> | |||
| 13588 | require([ | 13588 | require([ | |||
| 13589 | 'jquery', | 13589 | 'jquery', | |||
| 13590 | 'owl.carousel/owl.carousel.min' | 13590 | 'owl.carousel/owl.carousel.min' | |||
| 13591 | ], function ($) { | 13591 | ], function ($) { | |||
| 13592 | $("#banner-slider-demo-23").owlCarousel({ | 13592 | $("#banner-slider-demo-23").owlCarousel({ | |||
| 13593 | items: 1, | 13593 | items: 1, | |||
| 13594 | autoplay: false, | 13594 | autoplay: false, | |||
| 13595 | autoplayTimeout: 5000, | 13595 | autoplayTimeout: 5000, | |||
| 13596 | autoplayHoverPause: true, | 13596 | autoplayHoverPause: true, | |||
| 13597 | dots: false, | 13597 | dots: false, | |||
| 13598 | navRewind: true, | 13598 | navRewind: true, | |||
| 13599 | animateIn: 'fadeIn', | 13599 | animateIn: 'fadeIn', | |||
| 13600 | animateOut: 'fadeOut', | 13600 | animateOut: 'fadeOut', | |||
| 13601 | loop: false, | 13601 | loop: false, | |||
| 13602 | nav: true | 13602 | nav: true | |||
| 13603 | }); | 13603 | }); | |||
| 13604 | }); | 13604 | }); | |||
| 13605 | </script> | 13605 | </script> | |||
| 13606 | </div> | 13606 | </div> | |||
| 13607 | </div> | 13607 | </div> | |||
| 13608 | </div> | 13608 | </div> | |||
| 13609 | <div class="custom-shape-wrapper1 section"> | 13609 | <div class="custom-shape-wrapper1 section"> | |||
| 13610 | <style> | 13610 | <style> | |||
| 13611 | .custom-shape-wrapper1 .pc-custom-shape { | 13611 | .custom-shape-wrapper1 .pc-custom-shape { | |||
| 13612 | position: absolute; | 13612 | position: absolute; | |||
| 13613 | top: 50%; | 13613 | top: 50%; | |||
| 13614 | right: 0; | 13614 | right: 0; | |||
| 13615 | } | 13615 | } | |||
| 13616 | </style> | 13616 | </style> | |||
| 13617 | <div class="container"> | 13617 | <div class="container"> | |||
| 13618 | <div class="row"> | 13618 | <div class="row"> | |||
| 13619 | <div class="col-md-4"> | 13619 | <div class="col-md-4"> | |||
| 13620 | <div class="wpb_wrapper vc_column-inner"> | 13620 | <div class="wpb_wrapper vc_column-inner"> | |||
| 13621 | <div class="porto-sicon-box style_1 top-icon"> | 13621 | <div class="porto-sicon-box style_1 top-icon"> | |||
| 13622 | <div class="porto-sicon-top"> | 13622 | <div class="porto-sicon-top"> | |||
| 13623 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 13623 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 13624 | <div class="porto-sicon-img" style="display: inline-block; font-size: 45px;"> | 13624 | <div class="porto-sicon-img" style="display: inline-block; font-size: 45px;"> | |||
| 13625 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/23/shop23_home_icon1.png"}}" /> | 13625 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/23/shop23_home_icon1.png"}}" /> | |||
| 13626 | </div> | 13626 | </div> | |||
| 13627 | </div> | 13627 | </div> | |||
| 13628 | </div> | 13628 | </div> | |||
| 13629 | <div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 700; font-size: 16px; line-height: 16px;">DEDICATED SERVICE</h3></div> | 13629 | <div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 700; font-size: 16px; line-height: 16px;">DEDICATED SERVICE</h3></div> | |||
| 13630 | <div class="porto-sicon-description" style="">Consult our specialists for help with an order, customization, or design advice.</div> | 13630 | <div class="porto-sicon-description" style="">Consult our specialists for help with an order, customization, or design advice.</div> | |||
| 13631 | </div> | 13631 | </div> | |||
| 13632 | <div class="btn-container text-color-primary text-center"><button class="btn-shape-round btn btn-borders btn-md btn-default">Get In Touch</button></div> | 13632 | <div class="btn-container text-color-primary text-center"><button class="btn-shape-round btn btn-borders btn-md btn-default">Get In Touch</button></div> | |||
| 13633 | </div> | 13633 | </div> | |||
| 13634 | </div> | 13634 | </div> | |||
| 13635 | <div class="col-md-4"> | 13635 | <div class="col-md-4"> | |||
| 13636 | <div class="wpb_wrapper vc_column-inner"> | 13636 | <div class="wpb_wrapper vc_column-inner"> | |||
| 13637 | <div class="porto-sicon-box style_1 top-icon"> | 13637 | <div class="porto-sicon-box style_1 top-icon"> | |||
| 13638 | <div class="porto-sicon-top"> | 13638 | <div class="porto-sicon-top"> | |||
| 13639 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 13639 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 13640 | <div class="porto-sicon-img" style="display: inline-block; font-size: 45px;"> | 13640 | <div class="porto-sicon-img" style="display: inline-block; font-size: 45px;"> | |||
| 13641 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/23/shop23_home_icon2.png"}}" /> | 13641 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/23/shop23_home_icon2.png"}}" /> | |||
| 13642 | </div> | 13642 | </div> | |||
| 13643 | </div> | 13643 | </div> | |||
| 13644 | </div> | 13644 | </div> | |||
| 13645 | <div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 700; font-size: 16px; line-height: 16px;">MONEY BACK GUARANTEE</h3></div> | 13645 | <div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 700; font-size: 16px; line-height: 16px;">MONEY BACK GUARANTEE</h3></div> | |||
| 13646 | <div class="porto-sicon-description" style="">Consult our specialists for help with an order, customization, or design advice.</div> | 13646 | <div class="porto-sicon-description" style="">Consult our specialists for help with an order, customization, or design advice.</div> | |||
| 13647 | </div> | 13647 | </div> | |||
| 13648 | <div class="btn-container text-color-primary text-center"><button class="btn-shape-round btn btn-borders btn-md btn-default">Get In Touch</button></div> | 13648 | <div class="btn-container text-color-primary text-center"><button class="btn-shape-round btn btn-borders btn-md btn-default">Get In Touch</button></div> | |||
| 13649 | </div> | 13649 | </div> | |||
| 13650 | </div> | 13650 | </div> | |||
| 13651 | <div class="position-static col-md-4"> | 13651 | <div class="position-static col-md-4"> | |||
| 13652 | <div class="wpb_wrapper vc_column-inner"> | 13652 | <div class="wpb_wrapper vc_column-inner"> | |||
| 13653 | <div class="wpb_single_image wpb_content_element vc_align_left pc-custom-shape"> | 13653 | <div class="wpb_single_image wpb_content_element vc_align_left pc-custom-shape"> | |||
| 13654 | <div class="wpb_wrapper"> | 13654 | <div class="wpb_wrapper"> | |||
| 13655 | <div class="vc_single_image-wrapper vc_box_border_grey"> | 13655 | <div class="vc_single_image-wrapper vc_box_border_grey"> | |||
| 13656 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/23/shop23_home_shape1.png"}}" /> | 13656 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/23/shop23_home_shape1.png"}}" /> | |||
| 13657 | </div> | 13657 | </div> | |||
| 13658 | </div> | 13658 | </div> | |||
| 13659 | </div> | 13659 | </div> | |||
| 13660 | <div style="position: relative;"> | 13660 | <div style="position: relative;"> | |||
| 13661 | <div class="porto-sicon-box position-relative style_1 top-icon"> | 13661 | <div class="porto-sicon-box position-relative style_1 top-icon"> | |||
| 13662 | <div class="porto-sicon-top"> | 13662 | <div class="porto-sicon-top"> | |||
| 13663 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 13663 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 13664 | <div class="porto-sicon-img" style="display: inline-block; font-size: 45px;"> | 13664 | <div class="porto-sicon-img" style="display: inline-block; font-size: 45px;"> | |||
| 13665 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/23/shop23_home_icon3.png"}}" /> | 13665 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/23/shop23_home_icon3.png"}}" /> | |||
| 13666 | </div> | 13666 | </div> | |||
| 13667 | </div> | 13667 | </div> | |||
| 13668 | </div> | 13668 | </div> | |||
| 13669 | <div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 700; font-size: 16px; line-height: 16px;">SECURE PAYMENT</h3></div> | 13669 | <div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 700; font-size: 16px; line-height: 16px;">SECURE PAYMENT</h3></div> | |||
| 13670 | <div class="porto-sicon-description" style="">Consult our specialists for help with an order, customization, or design advice.</div> | 13670 | <div class="porto-sicon-description" style="">Consult our specialists for help with an order, customization, or design advice.</div> | |||
| 13671 | </div> | 13671 | </div> | |||
| 13672 | <div class="btn-container text-color-primary position-relative text-center"><button class="btn-shape-round btn btn-borders btn-md btn-default">Get In Touch</button></div> | 13672 | <div class="btn-container text-color-primary position-relative text-center"><button class="btn-shape-round btn btn-borders btn-md btn-default">Get In Touch</button></div> | |||
| 13673 | </div> | 13673 | </div> | |||
| 13674 | </div> | 13674 | </div> | |||
| 13675 | </div> | 13675 | </div> | |||
| 13676 | </div> | 13676 | </div> | |||
| 13677 | </div> | 13677 | </div> | |||
| 13678 | </div> | 13678 | </div> | |||
| 13679 | <div class="section mb-0 pb-0 porto-inner-container" style="padding-top: 140px; background-color: #f4f4f4;"> | 13679 | <div class="section mb-0 pb-0 porto-inner-container" style="padding-top: 140px; background-color: #f4f4f4;"> | |||
| 13680 | <div class="container"> | 13680 | <div class="container"> | |||
| 13681 | <div class="row"> | 13681 | <div class="row"> | |||
| 13682 | <div class=" col-md-12"> | 13682 | <div class=" col-md-12"> | |||
| 13683 | <div class="wpb_wrapper vc_column-inner"> | 13683 | <div class="wpb_wrapper vc_column-inner"> | |||
| 13684 | <div id="featured-products" class="porto-products wpb_content_element"> | 13684 | <div id="featured-products" class="porto-products wpb_content_element"> | |||
| 13685 | <h2 class="section-title text-center slider-title"><span class="inline-title">FEATURED ITEMS</span><span class="line"></span></h2> | 13685 | <h2 class="section-title text-center slider-title"><span class="inline-title">FEATURED ITEMS</span><span class="line"></span></h2> | |||
| 13686 | <div class="slider-wrapper"> | 13686 | <div class="slider-wrapper"> | |||
| 13687 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" extra_class="dots-style-1" product_count="3" product_type="3" aspect_ratio="0" image_width="400" image_height="252" template="owl_list.phtml"}} | 13687 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" extra_class="dots-style-1" product_count="3" product_type="3" aspect_ratio="0" image_width="400" image_height="252" template="owl_list.phtml"}} | |||
| 13688 | <script type="text/javascript"> | 13688 | <script type="text/javascript"> | |||
| 13689 | require([ | 13689 | require([ | |||
| 13690 | 'jquery', | 13690 | 'jquery', | |||
| 13691 | 'owl.carousel/owl.carousel.min' | 13691 | 'owl.carousel/owl.carousel.min' | |||
| 13692 | ], function ($) { | 13692 | ], function ($) { | |||
| 13693 | $("#featured-products .owl-carousel").owlCarousel({ | 13693 | $("#featured-products .owl-carousel").owlCarousel({ | |||
| 13694 | autoplay: false, | 13694 | autoplay: false, | |||
| 13695 | autoplayTimeout: 5000, | 13695 | autoplayTimeout: 5000, | |||
| 13696 | autoplayHoverPause: true, | 13696 | autoplayHoverPause: true, | |||
| 13697 | loop: true, | 13697 | loop: true, | |||
| 13698 | navRewind: true, | 13698 | navRewind: true, | |||
| 13699 | lazyLoad:true, | 13699 | lazyLoad:true, | |||
| 13700 | margin: 0, | 13700 | margin: 0, | |||
| 13701 | nav: false, | 13701 | nav: false, | |||
| 13702 | dots: false, | 13702 | dots: false, | |||
| 13703 | responsive: { | 13703 | responsive: { | |||
| 13704 | 0: { | 13704 | 0: { | |||
| 13705 | items:2 | 13705 | items:2 | |||
| 13706 | }, | 13706 | }, | |||
| 13707 | 640: { | 13707 | 640: { | |||
| 13708 | items:2 | 13708 | items:2 | |||
| 13709 | }, | 13709 | }, | |||
| 13710 | 768: { | 13710 | 768: { | |||
| 13711 | items:2 | 13711 | items:2 | |||
| 13712 | }, | 13712 | }, | |||
| 13713 | 992: { | 13713 | 992: { | |||
| 13714 | items:3 | 13714 | items:3 | |||
| 13715 | }, | 13715 | }, | |||
| 13716 | 1200: { | 13716 | 1200: { | |||
| 13717 | items:3 | 13717 | items:3 | |||
| 13718 | } | 13718 | } | |||
| 13719 | } | 13719 | } | |||
| 13720 | }); | 13720 | }); | |||
| 13721 | }); | 13721 | }); | |||
| 13722 | </script> | 13722 | </script> | |||
| 13723 | </div> | 13723 | </div> | |||
| 13724 | </div> | 13724 | </div> | |||
| 13725 | <div class="porto-separator tall"><hr class="separator-line align_center solid" style="background-color: #e1e1e1;margin-top: 60px" /></div> | 13725 | <div class="porto-separator tall"><hr class="separator-line align_center solid" style="background-color: #e1e1e1;margin-top: 60px" /></div> | |||
| 13726 | </div> | 13726 | </div> | |||
| 13727 | </div> | 13727 | </div> | |||
| 13728 | </div> | 13728 | </div> | |||
| 13729 | </div> | 13729 | </div> | |||
| 13730 | </div> | 13730 | </div> | |||
| 13731 | <div class="mb-5 no-padding custom-shape-wrapper2 section mt-0 mb-0 porto-inner-container" style="padding-bottom: 100px; background-color: #f4f4f4;"> | 13731 | <div class="mb-5 no-padding custom-shape-wrapper2 section mt-0 mb-0 porto-inner-container" style="padding-bottom: 100px; background-color: #f4f4f4;"> | |||
| 13732 | <style> | 13732 | <style> | |||
| 13733 | .custom-shape-wrapper2 .pc-custom-shape { | 13733 | .custom-shape-wrapper2 .pc-custom-shape { | |||
| 13734 | position: absolute; | 13734 | position: absolute; | |||
| 13735 | top: 0; | 13735 | top: 0; | |||
| 13736 | left: 0; | 13736 | left: 0; | |||
| 13737 | transform: translateY(-50%); | 13737 | transform: translateY(-50%); | |||
| 13738 | } | 13738 | } | |||
| 13739 | .custom-shape-wrapper2 .porto-wrap-container>.row { | 13739 | .custom-shape-wrapper2 .porto-wrap-container>.row { | |||
| 13740 | background: #fff; | 13740 | background: #fff; | |||
| 13741 | } | 13741 | } | |||
| 13742 | </style> | 13742 | </style> | |||
| 13743 | <div class="porto-wrap-container container"> | 13743 | <div class="porto-wrap-container container"> | |||
| 13744 | <div class="row no-padding align-items-center"> | 13744 | <div class="row no-padding align-items-center"> | |||
| 13745 | <div class="position-static col-md-6"> | 13745 | <div class="position-static col-md-6"> | |||
| 13746 | <div class="wpb_wrapper vc_column-inner"> | 13746 | <div class="wpb_wrapper vc_column-inner"> | |||
| 13747 | <div class="wpb_single_image wpb_content_element vc_align_left pc-custom-shape"> | 13747 | <div class="wpb_single_image wpb_content_element vc_align_left pc-custom-shape"> | |||
| 13748 | <div class="wpb_wrapper"> | 13748 | <div class="wpb_wrapper"> | |||
| 13749 | <div> | 13749 | <div> | |||
| 13750 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/23/shop23_home_shape2.png"}}" /> | 13750 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/23/shop23_home_shape2.png"}}" /> | |||
| 13751 | </div> | 13751 | </div> | |||
| 13752 | </div> | 13752 | </div> | |||
| 13753 | </div> | 13753 | </div> | |||
| 13754 | <div class="wpb_content_element mb-0 position-relative"> | 13754 | <div class="wpb_content_element mb-0 position-relative"> | |||
| 13755 | <div class="wpb_wrapper"> | 13755 | <div class="wpb_wrapper"> | |||
| 13756 | <div class="vc_single_image-wrapper vc_box_border_grey"> | 13756 | <div class="vc_single_image-wrapper vc_box_border_grey"> | |||
| 13757 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/23/shop23_home_banner1.jpg"}}" /> | 13757 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/23/shop23_home_banner1.jpg"}}" /> | |||
| 13758 | </div> | 13758 | </div> | |||
| 13759 | </div> | 13759 | </div> | |||
| 13760 | </div> | 13760 | </div> | |||
| 13761 | </div> | 13761 | </div> | |||
| 13762 | </div> | 13762 | </div> | |||
| 13763 | <div class="px-3 px-md-0 col-md-6" style="background-color: #ffffff;"> | 13763 | <div class="px-3 px-md-0 col-md-6" style="background-color: #ffffff;"> | |||
| 13764 | <div class="wpb_wrapper vc_column-inner"> | 13764 | <div class="wpb_wrapper vc_column-inner"> | |||
| 13765 | <div class="row" style="padding-top: 30px; padding-bottom: 30px;"> | 13765 | <div class="row" style="padding-top: 30px; padding-bottom: 30px;"> | |||
| 13766 | <div class="col-sm-7 mb-4 mb-sm-0 col-md-7 d-flex align-items-center"> | 13766 | <div class="col-sm-7 mb-4 mb-sm-0 col-md-7 d-flex align-items-center"> | |||
| 13767 | <div class="wpb_wrapper vc_column-inner"> | 13767 | <div class="wpb_wrapper vc_column-inner"> | |||
| 13768 | <h2 style="font-size: 32px; line-height: 1.2; font-weight: 700;" class="vc_custom_heading mb-0 align-left">Meet Porto</h2> | 13768 | <h2 style="font-size: 32px; line-height: 1.2; font-weight: 700;" class="vc_custom_heading mb-0 align-left">Meet Porto</h2> | |||
| 13769 | <p style="font-size: 22px; line-height: 1.3;" class="vc_custom_heading mb-0 align-left"> | 13769 | <p style="font-size: 22px; line-height: 1.3;" class="vc_custom_heading mb-0 align-left"> | |||
| 13770 | The easier way to build your<br /> | 13770 | The easier way to build your<br /> | |||
| 13771 | portfolio & showcase your work. | 13771 | portfolio & showcase your work. | |||
| 13772 | </p> | 13772 | </p> | |||
| 13773 | </div> | 13773 | </div> | |||
| 13774 | </div> | 13774 | </div> | |||
| 13775 | <div class="col-sm-5 col-md-5 d-flex align-items-center justify-content-center"> | 13775 | <div class="col-sm-5 col-md-5 d-flex align-items-center justify-content-center"> | |||
| 13776 | <div class="wpb_wrapper vc_column-inner"> | 13776 | <div class="wpb_wrapper vc_column-inner"> | |||
| 13777 | <div class="btn-container mb-0 text-left text-sm-center text-center"> | 13777 | <div class="btn-container mb-0 text-left text-sm-center text-center"> | |||
| 13778 | <button class="btn-shape-round btn btn-modern btn-lg btn-dark">GET STARTED <i style="padding-left: 7px;" class="fas fa-chevron-right"></i></button> | 13778 | <button class="btn-shape-round btn btn-modern btn-lg btn-dark">GET STARTED <i style="padding-left: 7px;" class="fas fa-chevron-right"></i></button> | |||
| 13779 | </div> | 13779 | </div> | |||
| 13780 | </div> | 13780 | </div> | |||
| 13781 | </div> | 13781 | </div> | |||
| 13782 | </div> | 13782 | </div> | |||
| 13783 | </div> | 13783 | </div> | |||
| 13784 | </div> | 13784 | </div> | |||
| 13785 | </div> | 13785 | </div> | |||
| 13786 | </div> | 13786 | </div> | |||
| 13787 | </div> | 13787 | </div> | |||
| 13788 | <div class="section mt-0 mb-0 porto-inner-container"> | 13788 | <div class="section mt-0 mb-0 porto-inner-container"> | |||
| 13789 | <div class="container"> | 13789 | <div class="container"> | |||
| 13790 | <div class="row"> | 13790 | <div class="row"> | |||
| 13791 | <div class="col-md-12"> | 13791 | <div class="col-md-12"> | |||
| 13792 | <div class="wpb_wrapper vc_column-inner"> | 13792 | <div class="wpb_wrapper vc_column-inner"> | |||
| 13793 | <div class="porto-products wpb_content_element mb-4"> | 13793 | <div class="porto-products wpb_content_element mb-4"> | |||
| 13794 | <h2 class="section-title text-center"><span class="inline-title">BEST SELLING ITEMS</span><span class="line"></span></h2> | 13794 | <h2 class="section-title text-center"><span class="inline-title">BEST SELLING ITEMS</span><span class="line"></span></h2> | |||
| 13795 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_type="3" product_count="6" column_count="3" aspect_ratio="0" image_width="400" image_height="252" template="grid.phtml"}} | 13795 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_type="3" product_count="6" column_count="3" aspect_ratio="0" image_width="400" image_height="252" template="grid.phtml"}} | |||
| 13796 | </div> | 13796 | </div> | |||
| 13797 | <div class="btn-container mb-5 text-center"><a class="btn-shape-round btn btn-borders btn-md btn-default" href="#" title="Themes">View More</a></div> | 13797 | <div class="btn-container mb-5 text-center"><a class="btn-shape-round btn btn-borders btn-md btn-default" href="#" title="Themes">View More</a></div> | |||
| 13798 | <div class="porto-products title-border-middle mb-3"> | 13798 | <div class="porto-products title-border-middle mb-3"> | |||
| 13799 | <h3 class="section-title slider-title text-center" style="font-size: 12px; font-weight: 500; color: #999;padding: 0 12px;"> | 13799 | <h3 class="section-title slider-title text-center" style="font-size: 12px; font-weight: 500; color: #999;padding: 0 12px;"> | |||
| 13800 | <span class="line-l"></span> | 13800 | <span class="line-l"></span> | |||
| 13801 | <span class="inline-title">AS FEATURED AT</span> | 13801 | <span class="inline-title">AS FEATURED AT</span> | |||
| 13802 | <span class="line-r"></span> | 13802 | <span class="line-r"></span> | |||
| 13803 | </h3> | 13803 | </h3> | |||
| 13804 | </div> | 13804 | </div> | |||
| 13805 | <div class="porto-carousel carousel-center-active-item brand-carousel owl-carousel py-3 mb-0"> | 13805 | <div class="porto-carousel carousel-center-active-item brand-carousel owl-carousel py-3 mb-0"> | |||
| 13806 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/23/logo-1.png"}}" alt="" /></div> | 13806 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/23/logo-1.png"}}" alt="" /></div> | |||
| 13807 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/23/logo-2.png"}}" alt="" /></div> | 13807 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/23/logo-2.png"}}" alt="" /></div> | |||
| 13808 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/23/logo-3.png"}}" alt="" /></div> | 13808 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/23/logo-3.png"}}" alt="" /></div> | |||
| 13809 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/23/logo-4.png"}}" alt="" /></div> | 13809 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/23/logo-4.png"}}" alt="" /></div> | |||
| 13810 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/23/logo-5.png"}}" alt="" /></div> | 13810 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/23/logo-5.png"}}" alt="" /></div> | |||
| 13811 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/23/logo-6.png"}}" alt="" /></div> | 13811 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/23/logo-6.png"}}" alt="" /></div> | |||
| 13812 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/23/logo-7.png"}}" alt="" /></div> | 13812 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/23/logo-7.png"}}" alt="" /></div> | |||
| 13813 | </div> | 13813 | </div> | |||
| 13814 | <script type="text/javascript"> | 13814 | <script type="text/javascript"> | |||
| 13815 | require([ | 13815 | require([ | |||
| 13816 | 'jquery', | 13816 | 'jquery', | |||
| 13817 | 'owl.carousel/owl.carousel.min' | 13817 | 'owl.carousel/owl.carousel.min' | |||
| 13818 | ], function ($) { | 13818 | ], function ($) { | |||
| 13819 | $(".brand-carousel.owl-carousel").owlCarousel({ | 13819 | $(".brand-carousel.owl-carousel").owlCarousel({ | |||
| 13820 | autoplay: false, | 13820 | autoplay: false, | |||
| 13821 | autoplayTimeout: 5000, | 13821 | autoplayTimeout: 5000, | |||
| 13822 | autoplayHoverPause: true, | 13822 | autoplayHoverPause: true, | |||
| 13823 | loop: true, | 13823 | loop: true, | |||
| 13824 | navRewind: true, | 13824 | navRewind: true, | |||
| 13825 | lazyLoad:true, | 13825 | lazyLoad:true, | |||
| 13826 | margin: 0, | 13826 | margin: 0, | |||
| 13827 | center: true, | 13827 | center: true, | |||
| 13828 | nav: false, | 13828 | nav: false, | |||
| 13829 | dots: false, | 13829 | dots: false, | |||
| 13830 | responsive: { | 13830 | responsive: { | |||
| 13831 | 0: { | 13831 | 0: { | |||
| 13832 | items:2 | 13832 | items:2 | |||
| 13833 | }, | 13833 | }, | |||
| 13834 | 640: { | 13834 | 640: { | |||
| 13835 | items:2 | 13835 | items:2 | |||
| 13836 | }, | 13836 | }, | |||
| 13837 | 768: { | 13837 | 768: { | |||
| 13838 | items:3 | 13838 | items:3 | |||
| 13839 | }, | 13839 | }, | |||
| 13840 | 992: { | 13840 | 992: { | |||
| 13841 | items:5 | 13841 | items:5 | |||
| 13842 | }, | 13842 | }, | |||
| 13843 | 1200: { | 13843 | 1200: { | |||
| 13844 | items:7 | 13844 | items:7 | |||
| 13845 | } | 13845 | } | |||
| 13846 | } | 13846 | } | |||
| 13847 | }); | 13847 | }); | |||
| 13848 | }); | 13848 | }); | |||
| 13849 | </script> | 13849 | </script> | |||
| 13850 | </div> | 13850 | </div> | |||
| 13851 | </div> | 13851 | </div> | |||
| 13852 | </div> | 13852 | </div> | |||
| 13853 | </div> | 13853 | </div> | |||
| 13854 | </div> | 13854 | </div> | |||
| 13855 | <div class="mb-5 porto-inner-container" style="padding-top: 70px; padding-bottom: 70px; background-color: #f4f4f4;"> | 13855 | <div class="mb-5 porto-inner-container" style="padding-top: 70px; padding-bottom: 70px; background-color: #f4f4f4;"> | |||
| 13856 | <div class="porto-wrap-container container"> | 13856 | <div class="porto-wrap-container container"> | |||
| 13857 | <style> | 13857 | <style> | |||
| 13858 | .testimonial.testimonial-style-3 { | 13858 | .testimonial.testimonial-style-3 { | |||
| 13859 | border: 2px solid #ea6253; | 13859 | border: 2px solid #ea6253; | |||
| 13860 | border-radius: 3px; | 13860 | border-radius: 3px; | |||
| 13861 | padding: 25px 30px 70px 25px; | 13861 | padding: 25px 30px 70px 25px; | |||
| 13862 | margin-bottom: 0; | 13862 | margin-bottom: 0; | |||
| 13863 | } | 13863 | } | |||
| 13864 | .testimonial.testimonial-style-3 .testimonial-author { | 13864 | .testimonial.testimonial-style-3 .testimonial-author { | |||
| 13865 | align-items: center; | 13865 | align-items: center; | |||
| 13866 | margin-left: 8px; | 13866 | margin-left: 8px; | |||
| 13867 | } | 13867 | } | |||
| 13868 | .testimonial.testimonial-style-3 blockquote { | 13868 | .testimonial.testimonial-style-3 blockquote { | |||
| 13869 | padding: 20px 50px 20px 60px; | 13869 | padding: 20px 50px 20px 60px; | |||
| 13870 | color:#777; | 13870 | color:#777; | |||
| 13871 | } | 13871 | } | |||
| 13872 | .testimonial.testimonial-style-3 blockquote:before, .testimonial.testimonial-style-3 blockquote:after { | 13872 | .testimonial.testimonial-style-3 blockquote:before, .testimonial.testimonial-style-3 blockquote:after { | |||
| 13873 | color: #ea6253; | 13873 | color: #ea6253; | |||
| 13874 | font-size: 54px; | 13874 | font-size: 54px; | |||
| 13875 | font-weight: 800; | 13875 | font-weight: 800; | |||
| 13876 | } | 13876 | } | |||
| 13877 | .testimonial.testimonial-style-3 blockquote:after { | 13877 | .testimonial.testimonial-style-3 blockquote:after { | |||
| 13878 | font-family: 'Playfair Display'; | 13878 | font-family: 'Playfair Display'; | |||
| 13879 | display: block!important; | 13879 | display: block!important; | |||
| 13880 | content: '\201D'; | 13880 | content: '\201D'; | |||
| 13881 | position: absolute; | 13881 | position: absolute; | |||
| 13882 | right: 0; | 13882 | right: 0; | |||
| 13883 | } | 13883 | } | |||
| 13884 | .owl-carousel.nav-inside-left .owl-dots { | 13884 | .owl-carousel.nav-inside-left .owl-dots { | |||
| 13885 | left: 85px; | 13885 | left: 85px; | |||
| 13886 | bottom: 20px; | 13886 | bottom: 20px; | |||
| 13887 | } | 13887 | } | |||
| 13888 | </style> | 13888 | </style> | |||
| 13889 | <div class="row align-items-center"> | 13889 | <div class="row align-items-center"> | |||
| 13890 | <div class="col-md-6"> | 13890 | <div class="col-md-6"> | |||
| 13891 | <div class="wpb_wrapper vc_column-inner"> | 13891 | <div class="wpb_wrapper vc_column-inner"> | |||
| 13892 | <div class="porto-testimonial porto-carousel owl-carousel mb-5 mb-md-0 nav-inside nav-inside-left dots-style-1"> | 13892 | <div class="porto-testimonial porto-carousel owl-carousel mb-5 mb-md-0 nav-inside nav-inside-left dots-style-1"> | |||
| 13893 | <div class="porto-testimonial wpb_content_element"> | 13893 | <div class="porto-testimonial wpb_content_element"> | |||
| 13894 | <div class="testimonial testimonial-style-3"> | 13894 | <div class="testimonial testimonial-style-3"> | |||
| 13895 | <div class="testimonial-author clearfix"> | 13895 | <div class="testimonial-author clearfix"> | |||
| 13896 | <div class="testimonial-author-thumbnail"> | 13896 | <div class="testimonial-author-thumbnail"> | |||
| 13897 | <img class="img-responsive img-circle" src="{{media url="wysiwyg/smartwave/porto/homepage/23/shop23_author1.jpg"}}" alt="John Smith" /> | 13897 | <img class="img-responsive img-circle" src="{{media url="wysiwyg/smartwave/porto/homepage/23/shop23_author1.jpg"}}" alt="John Smith" /> | |||
| 13898 | </div> | 13898 | </div> | |||
| 13899 | <p><strong style="color: #2b2b2d;">John Smith</strong><span>CEO & Founder</span></p> | 13899 | <p><strong style="color: #2b2b2d;">John Smith</strong><span>CEO & Founder</span></p> | |||
| 13900 | </div> | 13900 | </div> | |||
| 13901 | <div class="testimonial-arrow-down"></div> | 13901 | <div class="testimonial-arrow-down"></div> | |||
| 13902 | <blockquote><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum molestie, massa ut semper egestas, ex ligula ifend neque, eget pharetra elit lectus ac ex.risus.</p></blockquote> | 13902 | <blockquote><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum molestie, massa ut semper egestas, ex ligula ifend neque, eget pharetra elit lectus ac ex.risus.</p></blockquote> | |||
| 13903 | </div> | 13903 | </div> | |||
| 13904 | </div> | 13904 | </div> | |||
| 13905 | <div class="porto-testimonial wpb_content_element"> | 13905 | <div class="porto-testimonial wpb_content_element"> | |||
| 13906 | <div class="testimonial testimonial-style-3"> | 13906 | <div class="testimonial testimonial-style-3"> | |||
| 13907 | <div class="testimonial-author clearfix"> | 13907 | <div class="testimonial-author clearfix"> | |||
| 13908 | <div class="testimonial-author-thumbnail"><img class="img-responsive img-circle" src="{{media url="wysiwyg/smartwave/porto/homepage/23/shop23_author1.jpg"}}" alt="Chris Doe" /></div> | 13908 | <div class="testimonial-author-thumbnail"><img class="img-responsive img-circle" src="{{media url="wysiwyg/smartwave/porto/homepage/23/shop23_author1.jpg"}}" alt="Chris Doe" /></div> | |||
| 13909 | <p><strong style="color: #2b2b2d;">Chris Doe</strong><span>CEO & Founder</span></p> | 13909 | <p><strong style="color: #2b2b2d;">Chris Doe</strong><span>CEO & Founder</span></p> | |||
| 13910 | </div> | 13910 | </div> | |||
| 13911 | <div class="testimonial-arrow-down"></div> | 13911 | <div class="testimonial-arrow-down"></div> | |||
| 13912 | <blockquote><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum molestie, massa ut semper egestas, ex ligula ifend neque, eget pharetra elit lectus ac ex.risus.</p></blockquote> | 13912 | <blockquote><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum molestie, massa ut semper egestas, ex ligula ifend neque, eget pharetra elit lectus ac ex.risus.</p></blockquote> | |||
| 13913 | </div> | 13913 | </div> | |||
| 13914 | </div> | 13914 | </div> | |||
| 13915 | </div> | 13915 | </div> | |||
| 13916 | <script type="text/javascript"> | 13916 | <script type="text/javascript"> | |||
| 13917 | require([ | 13917 | require([ | |||
| 13918 | 'jquery', | 13918 | 'jquery', | |||
| 13919 | 'owl.carousel/owl.carousel.min' | 13919 | 'owl.carousel/owl.carousel.min' | |||
| 13920 | ], function ($) { | 13920 | ], function ($) { | |||
| 13921 | $(".porto-testimonial.owl-carousel").owlCarousel({ | 13921 | $(".porto-testimonial.owl-carousel").owlCarousel({ | |||
| 13922 | items: 1, | 13922 | items: 1, | |||
| 13923 | autoplay: false, | 13923 | autoplay: false, | |||
| 13924 | autoplayTimeout: 5000, | 13924 | autoplayTimeout: 5000, | |||
| 13925 | autoplayHoverPause: true, | 13925 | autoplayHoverPause: true, | |||
| 13926 | dots: true, | 13926 | dots: true, | |||
| 13927 | nav: false, | 13927 | nav: false, | |||
| 13928 | loop: false, | 13928 | loop: false, | |||
| 13929 | navRewind: true, | 13929 | navRewind: true, | |||
| 13930 | margin: 1 | 13930 | margin: 1 | |||
| 13931 | }); | 13931 | }); | |||
| 13932 | }); | 13932 | }); | |||
| 13933 | </script> | 13933 | </script> | |||
| 13934 | </div> | 13934 | </div> | |||
| 13935 | </div> | 13935 | </div> | |||
| 13936 | <div class="col-md-6"> | 13936 | <div class="col-md-6"> | |||
| 13937 | <div class="wpb_wrapper vc_column-inner"> | 13937 | <div class="wpb_wrapper vc_column-inner"> | |||
| 13938 | <h2 style="font-size: 20px; line-height: 1.1; font-weight: 700;" class="vc_custom_heading mb-4 align-left text-uppercase">Latest News</h2> | 13938 | <h2 style="font-size: 20px; line-height: 1.1; font-weight: 700;" class="vc_custom_heading mb-4 align-left text-uppercase">Latest News</h2> | |||
| 13939 | <div class="porto-recent-posts wpb_content_element mb-0"> | 13939 | <div class="porto-recent-posts wpb_content_element mb-0"> | |||
| 13940 | <div class="row"> | 13940 | <div class="row"> | |||
| 13941 | <style> | 13941 | <style> | |||
| 13942 | .post-carousel { | 13942 | .post-carousel { | |||
| 13943 | margin-bottom: 0; | 13943 | margin-bottom: 0; | |||
| 13944 | } | 13944 | } | |||
| 13945 | .post-carousel .post-item > a,.porto-recent-posts .post-date .month,.porto-recent-posts .post-date .day { | 13945 | .post-carousel .post-item > a,.porto-recent-posts .post-date .month,.porto-recent-posts .post-date .day { | |||
| 13946 | display: none !important; | 13946 | display: none !important; | |||
| 13947 | } | 13947 | } | |||
| 13948 | .post-carousel .post-item .post-date { | 13948 | .post-carousel .post-item .post-date { | |||
| 13949 | position: static; | 13949 | position: static; | |||
| 13950 | width: auto; | 13950 | width: auto; | |||
| 13951 | float: none; | 13951 | float: none; | |||
| 13952 | text-align: left; | 13952 | text-align: left; | |||
| 13953 | background: none; | 13953 | background: none; | |||
| 13954 | letter-spacing: 0; | 13954 | letter-spacing: 0; | |||
| 13955 | margin: 0; | 13955 | margin: 0; | |||
| 13956 | } | 13956 | } | |||
| 13957 | .post-date>time { | 13957 | .post-date>time { | |||
| 13958 | display: block; | 13958 | display: block; | |||
| 13959 | color: #ea6253; | 13959 | color: #ea6253; | |||
| 13960 | font-size: .9286em; | 13960 | font-size: .9286em; | |||
| 13961 | font-weight: 600; | 13961 | font-weight: 600; | |||
| 13962 | text-transform: uppercase; | 13962 | text-transform: uppercase; | |||
| 13963 | } | 13963 | } | |||
| 13964 | .porto-recent-posts h4 { | 13964 | .porto-recent-posts h4 { | |||
| 13965 | font-size: 1.1428em; | 13965 | font-size: 1.1428em; | |||
| 13966 | font-weight: 700; | 13966 | font-weight: 700; | |||
| 13967 | margin-bottom: 1rem; | 13967 | margin-bottom: 1rem; | |||
| 13968 | } | 13968 | } | |||
| 13969 | .porto-recent-posts .post-item .post-excerpt { | 13969 | .porto-recent-posts .post-item .post-excerpt { | |||
| 13970 | font-size: inherit; | 13970 | font-size: inherit; | |||
| 13971 | } | 13971 | } | |||
| 13972 | .post-item .read-more, .post-item .read-more-block { | 13972 | .post-item .read-more, .post-item .read-more-block { | |||
| 13973 | display: block; | 13973 | display: block; | |||
| 13974 | font-family: Poppins; | 13974 | font-family: Poppins; | |||
| 13975 | font-size: .8571em; | 13975 | font-size: .8571em; | |||
| 13976 | text-transform: uppercase; | 13976 | text-transform: uppercase; | |||
| 13977 | margin-top: 1rem; | 13977 | margin-top: 1rem; | |||
| 13978 | } | 13978 | } | |||
| 13979 | .testimonial .testimonial-author p { | 13979 | .testimonial .testimonial-author p { | |||
| 13980 | margin: 0 0 0 1.5rem; | 13980 | margin: 0 0 0 1.5rem; | |||
| 13981 | } | 13981 | } | |||
| 13982 | .testimonial .testimonial-author strong { | 13982 | .testimonial .testimonial-author strong { | |||
| 13983 | text-transform: uppercase; | 13983 | text-transform: uppercase; | |||
| 13984 | font-size: 13px; | 13984 | font-size: 13px; | |||
| 13985 | } | 13985 | } | |||
| 13986 | .testimonial .testimonial-author span { | 13986 | .testimonial .testimonial-author span { | |||
| 13987 | font-weight: 400; | 13987 | font-weight: 400; | |||
| 13988 | } | 13988 | } | |||
| 13989 | .owl-carousel .owl-dots .owl-dot.active span { | 13989 | .owl-carousel .owl-dots .owl-dot.active span { | |||
| 13990 | border-color: #05131c; | 13990 | border-color: #05131c; | |||
| 13991 | color: #05131c; | 13991 | color: #05131c; | |||
| 13992 | } | 13992 | } | |||
| 13993 | </style> | 13993 | </style> | |||
| 13994 | <div class="post-carousel porto-carousel owl-carousel dots-style-1"> | 13994 | <div class="post-carousel porto-carousel owl-carousel dots-style-1"> | |||
| 13995 | {{widget type="Magefan\Blog\Block\Widget\Recent" number_of_posts="4" custom_template="recent_home.phtml"}} | 13995 | {{widget type="Magefan\Blog\Block\Widget\Recent" number_of_posts="4" custom_template="recent_home.phtml"}} | |||
| 13996 | </div> | 13996 | </div> | |||
| 13997 | </div> | 13997 | </div> | |||
| 13998 | <script type="text/javascript"> | 13998 | <script type="text/javascript"> | |||
| 13999 | require([ | 13999 | require([ | |||
| 14000 | 'jquery', | 14000 | 'jquery', | |||
| 14001 | 'owl.carousel/owl.carousel.min' | 14001 | 'owl.carousel/owl.carousel.min' | |||
| 14002 | ], function ($) { | 14002 | ], function ($) { | |||
| 14003 | $(".porto-recent-posts .owl-carousel").owlCarousel({ | 14003 | $(".porto-recent-posts .owl-carousel").owlCarousel({ | |||
| 14004 | items: 2, | 14004 | items: 2, | |||
| 14005 | autoplay: false, | 14005 | autoplay: false, | |||
| 14006 | autoplayTimeout: 5000, | 14006 | autoplayTimeout: 5000, | |||
| 14007 | autoplayHoverPause: true, | 14007 | autoplayHoverPause: true, | |||
| 14008 | dots: false, | 14008 | dots: false, | |||
| 14009 | nav: false, | 14009 | nav: false, | |||
| 14010 | loop: true, | 14010 | loop: true, | |||
| 14011 | navRewind: true | 14011 | navRewind: true | |||
| 14012 | }); | 14012 | }); | |||
| 14013 | }); | 14013 | }); | |||
| 14014 | </script> | 14014 | </script> | |||
| 14015 | </div> | 14015 | </div> | |||
| 14016 | </div> | 14016 | </div> | |||
| 14017 | </div> | 14017 | </div> | |||
| 14018 | </div> | 14018 | </div> | |||
| 14019 | </div> | 14019 | </div> | |||
| 14020 | </div> | 14020 | </div> | |||
| 14021 | ]]> | 14021 | ]]> | |||
| 14022 | </content> | 14022 | </content> | |||
| 14023 | 14023 | |||||
| 14024 | <is_active> | 14024 | <is_active> | |||
| 14025 | 1 | 14025 | 1 | |||
| 14026 | </is_active> | 14026 | </is_active> | |||
| 14027 | 14027 | |||||
| 14028 | <page_layout> | 14028 | <page_layout> | |||
| 14029 | 1column | 14029 | 1column | |||
| 14030 | </page_layout> | 14030 | </page_layout> | |||
| 14031 | 14031 | |||||
| 14032 | <layout_update_xml> | 14032 | <layout_update_xml> | |||
| 14033 | <![CDATA[]]> | 14033 | <![CDATA[]]> | |||
| 14034 | </layout_update_xml> | 14034 | </layout_update_xml> | |||
| 14035 | 14035 | |||||
| 14036 | </cms_item> | 14036 | </cms_item> | |||
| 14037 | 14037 | |||||
| 14038 | <cms_item> | 14038 | <cms_item> | |||
| 14039 | 14039 | |||||
| 14040 | <title> | 14040 | <title> | |||
| 14041 | Porto - Homepage 24 | 14041 | Porto - Homepage 24 | |||
| 14042 | </title> | 14042 | </title> | |||
| 14043 | 14043 | |||||
| 14044 | <identifier> | 14044 | <identifier> | |||
| 14045 | porto_home_24 | 14045 | porto_home_24 | |||
| 14046 | </identifier> | 14046 | </identifier> | |||
| 14047 | 14047 | |||||
| 14048 | <content> | 14048 | <content> | |||
| 14049 | <![CDATA[<style>.cms-index-index.layout-1220 .page-main { | 14049 | <![CDATA[<style>.cms-index-index.layout-1220 .page-main { | |||
| 14050 | max-width: 100%; | 14050 | max-width: 100%; | |||
| 14051 | } | 14051 | } | |||
| 14052 | .columns .column.main { | 14052 | .columns .column.main { | |||
| 14053 | padding-bottom: 0; | 14053 | padding-bottom: 0; | |||
| 14054 | } | 14054 | } | |||
| 14055 | .col-auto { | 14055 | .col-auto { | |||
| 14056 | flex: 0 0 auto !important; | 14056 | flex: 0 0 auto !important; | |||
| 14057 | max-width: none !important; | 14057 | max-width: none !important; | |||
| 14058 | width: auto !important; | 14058 | width: auto !important; | |||
| 14059 | } | 14059 | } | |||
| 14060 | .ls-negative-03 { | 14060 | .ls-negative-03 { | |||
| 14061 | letter-spacing: -.03em; | 14061 | letter-spacing: -.03em; | |||
| 14062 | } | 14062 | } | |||
| 14063 | .section { | 14063 | .section { | |||
| 14064 | margin-top: 30px; | 14064 | margin-top: 30px; | |||
| 14065 | padding: 50px 0; | 14065 | padding: 50px 0; | |||
| 14066 | } | 14066 | } | |||
| 14067 | .bg-grey-gradient { | 14067 | .bg-grey-gradient { | |||
| 14068 | background-image: linear-gradient(to bottom,#f4f4f4,#fff); | 14068 | background-image: linear-gradient(to bottom,#f4f4f4,#fff); | |||
| 14069 | } | 14069 | } | |||
| 14070 | ul.products li.product-category .thumb-info h3 { | 14070 | ul.products li.product-category .thumb-info h3 { | |||
| 14071 | font-size: 1.2941em; | 14071 | font-size: 1.2941em; | |||
| 14072 | letter-spacing: -.01em; | 14072 | letter-spacing: -.01em; | |||
| 14073 | text-transform: none; | 14073 | text-transform: none; | |||
| 14074 | line-height: 1.35; | 14074 | line-height: 1.35; | |||
| 14075 | } | 14075 | } | |||
| 14076 | ul.products li.product-category .thumb-info-type { | 14076 | ul.products li.product-category .thumb-info-type { | |||
| 14077 | font-size: .8235em; | 14077 | font-size: .8235em; | |||
| 14078 | font-weight: 500; | 14078 | font-weight: 500; | |||
| 14079 | letter-spacing: .01em; | 14079 | letter-spacing: .01em; | |||
| 14080 | } | 14080 | } | |||
| 14081 | ul.products li.product-category .thumb-info-wrapper:after { | 14081 | ul.products li.product-category .thumb-info-wrapper:after { | |||
| 14082 | background: rgba(27, 27, 23, 0.01); | 14082 | background: rgba(27, 27, 23, 0.01); | |||
| 14083 | } | 14083 | } | |||
| 14084 | ul.products li.product-category .btn { | 14084 | ul.products li.product-category .btn { | |||
| 14085 | letter-spacing: .01em; | 14085 | letter-spacing: .01em; | |||
| 14086 | text-transform: uppercase; | 14086 | text-transform: uppercase; | |||
| 14087 | font-size: 12px; | 14087 | font-size: 12px; | |||
| 14088 | margin-top: 4%; | 14088 | margin-top: 4%; | |||
| 14089 | } | 14089 | } | |||
| 14090 | ul.products.category-pos-middle li.product-category .thumb-info-title { | 14090 | ul.products.category-pos-middle li.product-category .thumb-info-title { | |||
| 14091 | top: 12%; | 14091 | top: 12%; | |||
| 14092 | transform: none; | 14092 | transform: none; | |||
| 14093 | padding: 0; | 14093 | padding: 0; | |||
| 14094 | } | 14094 | } | |||
| 14095 | ul.products li.product-category>.porto-products { | 14095 | ul.products li.product-category>.porto-products { | |||
| 14096 | max-width: 43%; | 14096 | max-width: 43%; | |||
| 14097 | margin: -37% auto 0; | 14097 | margin: -37% auto 0; | |||
| 14098 | position: relative; | 14098 | position: relative; | |||
| 14099 | z-index: 2; | 14099 | z-index: 2; | |||
| 14100 | } | 14100 | } | |||
| 14101 | ul.products li.product-category .products-grid.columns1 .product-item { | 14101 | ul.products li.product-category .products-grid.columns1 .product-item { | |||
| 14102 | margin-bottom: 1.4286em; | 14102 | margin-bottom: 1.4286em; | |||
| 14103 | } | 14103 | } | |||
| 14104 | li.product-category .product-item-info.type1 .product-item-inner, | 14104 | li.product-category .product-item-info.type1 .product-item-inner, | |||
| 14105 | li.product-category .product-item-info.type1 .weltpixel-quickview.weltpixel_quickview_button_v2, | 14105 | li.product-category .product-item-info.type1 .weltpixel-quickview.weltpixel_quickview_button_v2, | |||
| 14106 | li.product-category .product-item-info.type1 .product-labels .product-label { | 14106 | li.product-category .product-item-info.type1 .product-labels .product-label { | |||
| 14107 | display: none; | 14107 | display: none; | |||
| 14108 | } | 14108 | } | |||
| 14109 | .subheading-text-right .porto-u-sub-heading { | 14109 | .subheading-text-right .porto-u-sub-heading { | |||
| 14110 | text-align: right; | 14110 | text-align: right; | |||
| 14111 | } | 14111 | } | |||
| 14112 | ul.products.category-pos-middle .owl-nav { | 14112 | ul.products.category-pos-middle .owl-nav { | |||
| 14113 | top: 32%; | 14113 | top: 32%; | |||
| 14114 | } | 14114 | } | |||
| 14115 | </style> | 14115 | </style> | |||
| 14116 | <div class="row bg-grey-gradient no-padding" style="padding-top: 20px;"> | 14116 | <div class="row bg-grey-gradient no-padding" style="padding-top: 20px;"> | |||
| 14117 | <div class="col-md-12"> | 14117 | <div class="col-md-12"> | |||
| 14118 | <div class="wpb_wrapper vc_column-inner"> | 14118 | <div class="wpb_wrapper vc_column-inner"> | |||
| 14119 | <div class="category-slider porto-products wpb_content_element mb-4 home-cats-with-featured"> | 14119 | <div class="category-slider porto-products wpb_content_element mb-4 home-cats-with-featured"> | |||
| 14120 | <div class="slider-wrapper"> | 14120 | <div class="slider-wrapper"> | |||
| 14121 | <ul class="products products-container products-slider owl-carousel category-pos-middle category-text-center nav-pos-inside nav-style-2"> | 14121 | <ul class="products products-container products-slider owl-carousel category-pos-middle category-text-center nav-pos-inside nav-style-2"> | |||
| 14122 | <li class="product-category product-col"> | 14122 | <li class="product-category product-col"> | |||
| 14123 | <a href="#"> | 14123 | <a href="#"> | |||
| 14124 | <span class="thumb-info align-center"> | 14124 | <span class="thumb-info align-center"> | |||
| 14125 | <span class="thumb-info-wrapper tf-none"> | 14125 | <span class="thumb-info-wrapper tf-none"> | |||
| 14126 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/24/literature-fiction.jpg"}}" /> | 14126 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/24/literature-fiction.jpg"}}" /> | |||
| 14127 | </span> | 14127 | </span> | |||
| 14128 | <span class="thumb-info-wrap"> | 14128 | <span class="thumb-info-wrap"> | |||
| 14129 | <span class="thumb-info-title"> | 14129 | <span class="thumb-info-title"> | |||
| 14130 | <h3 class="sub-title thumb-info-inner">Literature & Fiction</h3> | 14130 | <h3 class="sub-title thumb-info-inner">Literature & Fiction</h3> | |||
| 14131 | <span class="thumb-info-type"> <mark class="count">4</mark> Products </span> <span class="btn">View All Products<i class="fas fa-long-arrow-alt-right ml-2"></i></span> | 14131 | <span class="thumb-info-type"> <mark class="count">4</mark> Products </span> <span class="btn">View All Products<i class="fas fa-long-arrow-alt-right ml-2"></i></span> | |||
| 14132 | </span> | 14132 | </span> | |||
| 14133 | </span> | 14133 | </span> | |||
| 14134 | </span> | 14134 | </span> | |||
| 14135 | </a> | 14135 | </a> | |||
| 14136 | <div class="porto-products"> | 14136 | <div class="porto-products"> | |||
| 14137 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product_1" product_count="1" column_count="1" aspect_ratio="0" image_width="250" image_height="375" product_type="1" lazyload="none" template="grid.phtml"}} | 14137 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product_1" product_count="1" column_count="1" aspect_ratio="0" image_width="250" image_height="375" product_type="1" lazyload="none" template="grid.phtml"}} | |||
| 14138 | </div> | 14138 | </div> | |||
| 14139 | </li> | 14139 | </li> | |||
| 14140 | <li class="product-category product-col"> | 14140 | <li class="product-category product-col"> | |||
| 14141 | <a href="#"> | 14141 | <a href="#"> | |||
| 14142 | <span class="thumb-info align-center"> | 14142 | <span class="thumb-info align-center"> | |||
| 14143 | <span class="thumb-info-wrapper tf-none"> | 14143 | <span class="thumb-info-wrapper tf-none"> | |||
| 14144 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/24/mystery-suspense.jpg"}}" /> | 14144 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/24/mystery-suspense.jpg"}}" /> | |||
| 14145 | </span> | 14145 | </span> | |||
| 14146 | <span class="thumb-info-wrap"> | 14146 | <span class="thumb-info-wrap"> | |||
| 14147 | <span class="thumb-info-title"> | 14147 | <span class="thumb-info-title"> | |||
| 14148 | <h3 class="sub-title thumb-info-inner">Mystery Suspense</h3> | 14148 | <h3 class="sub-title thumb-info-inner">Mystery Suspense</h3> | |||
| 14149 | <span class="thumb-info-type"> <mark class="count">4</mark> Products </span> <span class="btn">View All Products<i class="fas fa-long-arrow-alt-right ml-2"></i></span> | 14149 | <span class="thumb-info-type"> <mark class="count">4</mark> Products </span> <span class="btn">View All Products<i class="fas fa-long-arrow-alt-right ml-2"></i></span> | |||
| 14150 | </span> | 14150 | </span> | |||
| 14151 | </span> | 14151 | </span> | |||
| 14152 | </span> | 14152 | </span> | |||
| 14153 | </a> | 14153 | </a> | |||
| 14154 | <div class="porto-products"> | 14154 | <div class="porto-products"> | |||
| 14155 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product_1" product_count="1" column_count="1" aspect_ratio="0" image_width="250" image_height="375" product_type="1" lazyload="none" template="grid.phtml"}} | 14155 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product_1" product_count="1" column_count="1" aspect_ratio="0" image_width="250" image_height="375" product_type="1" lazyload="none" template="grid.phtml"}} | |||
| 14156 | </div> | 14156 | </div> | |||
| 14157 | </li> | 14157 | </li> | |||
| 14158 | <li class="product-category product-col"> | 14158 | <li class="product-category product-col"> | |||
| 14159 | <a href="#"> | 14159 | <a href="#"> | |||
| 14160 | <span class="thumb-info align-center"> | 14160 | <span class="thumb-info align-center"> | |||
| 14161 | <span class="thumb-info-wrapper tf-none"> | 14161 | <span class="thumb-info-wrapper tf-none"> | |||
| 14162 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/24/scifi-fantasy.jpg"}}" /> | 14162 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/24/scifi-fantasy.jpg"}}" /> | |||
| 14163 | </span> | 14163 | </span> | |||
| 14164 | <span class="thumb-info-wrap"> | 14164 | <span class="thumb-info-wrap"> | |||
| 14165 | <span class="thumb-info-title"> | 14165 | <span class="thumb-info-title"> | |||
| 14166 | <h3 class="sub-title thumb-info-inner">Scifi Fantasty</h3> | 14166 | <h3 class="sub-title thumb-info-inner">Scifi Fantasty</h3> | |||
| 14167 | <span class="thumb-info-type"> <mark class="count">3</mark> Products </span> <span class="btn">View All Products<i class="fas fa-long-arrow-alt-right ml-2"></i></span> | 14167 | <span class="thumb-info-type"> <mark class="count">3</mark> Products </span> <span class="btn">View All Products<i class="fas fa-long-arrow-alt-right ml-2"></i></span> | |||
| 14168 | </span> | 14168 | </span> | |||
| 14169 | </span> | 14169 | </span> | |||
| 14170 | </span> | 14170 | </span> | |||
| 14171 | </a> | 14171 | </a> | |||
| 14172 | <div class="porto-products"> | 14172 | <div class="porto-products"> | |||
| 14173 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product_1" product_count="1" column_count="1" aspect_ratio="0" image_width="250" image_height="375" product_type="1" lazyload="none" template="grid.phtml"}} | 14173 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product_1" product_count="1" column_count="1" aspect_ratio="0" image_width="250" image_height="375" product_type="1" lazyload="none" template="grid.phtml"}} | |||
| 14174 | </div> | 14174 | </div> | |||
| 14175 | </li> | 14175 | </li> | |||
| 14176 | <li class="product-category product-col"> | 14176 | <li class="product-category product-col"> | |||
| 14177 | <a href="#"> | 14177 | <a href="#"> | |||
| 14178 | <span class="thumb-info align-center"> | 14178 | <span class="thumb-info align-center"> | |||
| 14179 | <span class="thumb-info-wrapper tf-none"> | 14179 | <span class="thumb-info-wrapper tf-none"> | |||
| 14180 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/24/arts-photography.jpg"}}" /> | 14180 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/24/arts-photography.jpg"}}" /> | |||
| 14181 | </span> | 14181 | </span> | |||
| 14182 | <span class="thumb-info-wrap"> | 14182 | <span class="thumb-info-wrap"> | |||
| 14183 | <span class="thumb-info-title"> | 14183 | <span class="thumb-info-title"> | |||
| 14184 | <h3 class="sub-title thumb-info-inner">Arts & Photography</h3> | 14184 | <h3 class="sub-title thumb-info-inner">Arts & Photography</h3> | |||
| 14185 | <span class="thumb-info-type"> <mark class="count">2</mark> Products </span> <span class="btn">View All Products<i class="fas fa-long-arrow-alt-right ml-2"></i></span> | 14185 | <span class="thumb-info-type"> <mark class="count">2</mark> Products </span> <span class="btn">View All Products<i class="fas fa-long-arrow-alt-right ml-2"></i></span> | |||
| 14186 | </span> | 14186 | </span> | |||
| 14187 | </span> | 14187 | </span> | |||
| 14188 | </span> | 14188 | </span> | |||
| 14189 | </a> | 14189 | </a> | |||
| 14190 | <div class="porto-products"> | 14190 | <div class="porto-products"> | |||
| 14191 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product_1" product_count="1" column_count="1" aspect_ratio="0" image_width="250" image_height="375" product_type="1" lazyload="none" template="grid.phtml"}} | 14191 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product_1" product_count="1" column_count="1" aspect_ratio="0" image_width="250" image_height="375" product_type="1" lazyload="none" template="grid.phtml"}} | |||
| 14192 | </div> | 14192 | </div> | |||
| 14193 | </li> | 14193 | </li> | |||
| 14194 | <li class="product-category product-col"> | 14194 | <li class="product-category product-col"> | |||
| 14195 | <a href="#"> | 14195 | <a href="#"> | |||
| 14196 | <span class="thumb-info align-center"> | 14196 | <span class="thumb-info align-center"> | |||
| 14197 | <span class="thumb-info-wrapper tf-none"> | 14197 | <span class="thumb-info-wrapper tf-none"> | |||
| 14198 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/24/business-investing.jpg"}}" /> | 14198 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/24/business-investing.jpg"}}" /> | |||
| 14199 | </span> | 14199 | </span> | |||
| 14200 | <span class="thumb-info-wrap"> | 14200 | <span class="thumb-info-wrap"> | |||
| 14201 | <span class="thumb-info-title"> | 14201 | <span class="thumb-info-title"> | |||
| 14202 | <h3 class="sub-title thumb-info-inner">Business & Investing</h3> | 14202 | <h3 class="sub-title thumb-info-inner">Business & Investing</h3> | |||
| 14203 | <span class="thumb-info-type"> <mark class="count">3</mark> Products </span> <span class="btn">View All Products<i class="fas fa-long-arrow-alt-right ml-2"></i></span> | 14203 | <span class="thumb-info-type"> <mark class="count">3</mark> Products </span> <span class="btn">View All Products<i class="fas fa-long-arrow-alt-right ml-2"></i></span> | |||
| 14204 | </span> | 14204 | </span> | |||
| 14205 | </span> | 14205 | </span> | |||
| 14206 | </span> | 14206 | </span> | |||
| 14207 | </a> | 14207 | </a> | |||
| 14208 | <div class="porto-products"> | 14208 | <div class="porto-products"> | |||
| 14209 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product_1" product_count="1" column_count="1" aspect_ratio="0" image_width="250" image_height="375" product_type="1" lazyload="none" template="grid.phtml"}} | 14209 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product_1" product_count="1" column_count="1" aspect_ratio="0" image_width="250" image_height="375" product_type="1" lazyload="none" template="grid.phtml"}} | |||
| 14210 | </div> | 14210 | </div> | |||
| 14211 | </li> | 14211 | </li> | |||
| 14212 | </ul> | 14212 | </ul> | |||
| 14213 | <script type="text/javascript"> | 14213 | <script type="text/javascript"> | |||
| 14214 | require([ | 14214 | require([ | |||
| 14215 | 'jquery', | 14215 | 'jquery', | |||
| 14216 | 'owl.carousel/owl.carousel.min' | 14216 | 'owl.carousel/owl.carousel.min' | |||
| 14217 | ], function ($) { | 14217 | ], function ($) { | |||
| 14218 | $(".category-slider .owl-carousel").owlCarousel({ | 14218 | $(".category-slider .owl-carousel").owlCarousel({ | |||
| 14219 | autoplay: false, | 14219 | autoplay: false, | |||
| 14220 | autoplayTimeout: 5000, | 14220 | autoplayTimeout: 5000, | |||
| 14221 | autoplayHoverPause: true, | 14221 | autoplayHoverPause: true, | |||
| 14222 | loop: true, | 14222 | loop: true, | |||
| 14223 | navRewind: true, | 14223 | navRewind: true, | |||
| 14224 | lazyLoad:true, | 14224 | lazyLoad:true, | |||
| 14225 | margin: 0, | 14225 | margin: 0, | |||
| 14226 | nav: true, | 14226 | nav: true, | |||
| 14227 | dots: false, | 14227 | dots: false, | |||
| 14228 | stagePadding: 70, | 14228 | stagePadding: 70, | |||
| 14229 | responsive: { | 14229 | responsive: { | |||
| 14230 | 0: { | 14230 | 0: { | |||
| 14231 | items:1 | 14231 | items:1 | |||
| 14232 | }, | 14232 | }, | |||
| 14233 | 640: { | 14233 | 640: { | |||
| 14234 | items:1 | 14234 | items:1 | |||
| 14235 | }, | 14235 | }, | |||
| 14236 | 768: { | 14236 | 768: { | |||
| 14237 | items:2 | 14237 | items:2 | |||
| 14238 | }, | 14238 | }, | |||
| 14239 | 992: { | 14239 | 992: { | |||
| 14240 | items:3 | 14240 | items:3 | |||
| 14241 | }, | 14241 | }, | |||
| 14242 | 1200: { | 14242 | 1200: { | |||
| 14243 | items:3 | 14243 | items:3 | |||
| 14244 | } | 14244 | } | |||
| 14245 | } | 14245 | } | |||
| 14246 | }); | 14246 | }); | |||
| 14247 | }); | 14247 | }); | |||
| 14248 | </script> | 14248 | </script> | |||
| 14249 | </div> | 14249 | </div> | |||
| 14250 | </div> | 14250 | </div> | |||
| 14251 | </div> | 14251 | </div> | |||
| 14252 | </div> | 14252 | </div> | |||
| 14253 | </div> | 14253 | </div> | |||
| 14254 | <div class="no-padding section mt-0 mb-0 porto-inner-container" style="background-color: #f4f4f4;"> | 14254 | <div class="no-padding section mt-0 mb-0 porto-inner-container" style="background-color: #f4f4f4;"> | |||
| 14255 | <div class="porto-wrap-container container"> | 14255 | <div class="porto-wrap-container container"> | |||
| 14256 | <div class="row no-padding"> | 14256 | <div class="row no-padding"> | |||
| 14257 | <div class="col-md-12"> | 14257 | <div class="col-md-12"> | |||
| 14258 | <div class="wpb_wrapper vc_column-inner"> | 14258 | <div class="wpb_wrapper vc_column-inner"> | |||
| 14259 | <div class="wpb_text_column wpb_content_element pull-right"> | 14259 | <div class="wpb_text_column wpb_content_element pull-right"> | |||
| 14260 | <div class="wpb_wrapper"> | 14260 | <div class="wpb_wrapper"> | |||
| 14261 | <p class="mb-0"> | 14261 | <p class="mb-0"> | |||
| 14262 | <a class="font-weight-semibold text-color-primary text-uppercase" style="font-size: 12px;font-weight:600;" title="Shop" href="#"> View All Products<i class="fas fa-long-arrow-alt-right ml-1"></i> </a> | 14262 | <a class="font-weight-semibold text-color-primary text-uppercase" style="font-size: 12px;font-weight:600;" title="Shop" href="#"> View All Products<i class="fas fa-long-arrow-alt-right ml-1"></i> </a> | |||
| 14263 | </p> | 14263 | </p> | |||
| 14264 | </div> | 14264 | </div> | |||
| 14265 | </div> | 14265 | </div> | |||
| 14266 | <h2 style="font-size: 16px; font-weight: 500; margin-bottom: 20px; border-bottom-width: 1px; padding-bottom: 10px; border-bottom-color: #e7e7e7; border-bottom-style: solid;" class="vc_custom_heading align-left"> | 14266 | <h2 style="font-size: 16px; font-weight: 500; margin-bottom: 20px; border-bottom-width: 1px; padding-bottom: 10px; border-bottom-color: #e7e7e7; border-bottom-style: solid;" class="vc_custom_heading align-left"> | |||
| 14267 | Best Sellers Books | 14267 | Best Sellers Books | |||
| 14268 | </h2> | 14268 | </h2> | |||
| 14269 | </div> | 14269 | </div> | |||
| 14270 | </div> | 14270 | </div> | |||
| 14271 | <div class="d-flex align-items-center col-md-4 section mt-0 mb-0 section-no-borders" style="position:relative;z-index:2;border-right: 2px solid #f3f3f3;background-color: #ffffff;"> | 14271 | <div class="d-flex align-items-center col-md-4 section mt-0 mb-0 section-no-borders" style="position:relative;z-index:2;border-right: 2px solid #f3f3f3;background-color: #ffffff;"> | |||
| 14272 | <div class="wpb_wrapper vc_column-inner"> | 14272 | <div class="wpb_wrapper vc_column-inner"> | |||
| 14273 | <h5 style="font-size: 18px; color: rgba(34, 37, 41, 0.6); line-height: 1; text-align: center; font-weight: 400;" class="vc_custom_heading mb-1"><i>BOOK CLUB</i></h5> | 14273 | <h5 style="font-size: 18px; color: rgba(34, 37, 41, 0.6); line-height: 1; text-align: center; font-weight: 400;" class="vc_custom_heading mb-1"><i>BOOK CLUB</i></h5> | |||
| 14274 | <h2 style="font-size: 28px; line-height: 32px; text-align: center; font-weight: 600;" class="vc_custom_heading px-5 text-color-dark">A selection with only the best books</h2> | 14274 | <h2 style="font-size: 28px; line-height: 32px; text-align: center; font-weight: 600;" class="vc_custom_heading px-5 text-color-dark">A selection with only the best books</h2> | |||
| 14275 | <div class="wpb_single_image wpb_content_element vc_align_center px-4 px-xl-5" style="margin-bottom: 43px;"> | 14275 | <div class="wpb_single_image wpb_content_element vc_align_center px-4 px-xl-5" style="margin-bottom: 43px;"> | |||
| 14276 | <div class="wpb_wrapper"> | 14276 | <div class="wpb_wrapper"> | |||
| 14277 | <div class="vc_single_image-wrapper vc_box_border_grey text-center"> | 14277 | <div class="vc_single_image-wrapper vc_box_border_grey text-center"> | |||
| 14278 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/24/shop24_book_img.png"}}" /> | 14278 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/24/shop24_book_img.png"}}" /> | |||
| 14279 | </div> | 14279 | </div> | |||
| 14280 | </div> | 14280 | </div> | |||
| 14281 | </div> | 14281 | </div> | |||
| 14282 | <div class="btn-container mb-0 text-center"> | 14282 | <div class="btn-container mb-0 text-center"> | |||
| 14283 | <a class="btn btn-xl btn-primary" href="#" title="Shop"> EXPLORE BOOKS <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i> </a> | 14283 | <a class="btn btn-xl btn-primary" href="#" title="Shop"> EXPLORE BOOKS <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i> </a> | |||
| 14284 | </div> | 14284 | </div> | |||
| 14285 | </div> | 14285 | </div> | |||
| 14286 | </div> | 14286 | </div> | |||
| 14287 | <div class="col-md-8"> | 14287 | <div class="col-md-8"> | |||
| 14288 | <div class="wpb_wrapper vc_column-inner"> | 14288 | <div class="wpb_wrapper vc_column-inner"> | |||
| 14289 | <style scope="scope"> | 14289 | <style scope="scope"> | |||
| 14290 | .no-border .product-item-info.type1 { | 14290 | .no-border .product-item-info.type1 { | |||
| 14291 | border: none; | 14291 | border: none; | |||
| 14292 | box-shadow: none; | 14292 | box-shadow: none; | |||
| 14293 | padding: 20px 40px 5px; | 14293 | padding: 20px 40px 5px; | |||
| 14294 | background: #fff; | 14294 | background: #fff; | |||
| 14295 | height: 100%; | 14295 | height: 100%; | |||
| 14296 | } | 14296 | } | |||
| 14297 | .no-border .product-item-info.type1 .product-item-inner, | 14297 | .no-border .product-item-info.type1 .product-item-inner, | |||
| 14298 | .no-border .product-item-info.type1 .weltpixel-quickview.weltpixel_quickview_button_v2, | 14298 | .no-border .product-item-info.type1 .weltpixel-quickview.weltpixel_quickview_button_v2, | |||
| 14299 | .no-border .product-item-info.type1 .product-labels .product-label,.no-border .product-item-info .product-reviews-summary { | 14299 | .no-border .product-item-info.type1 .product-labels .product-label,.no-border .product-item-info .product-reviews-summary { | |||
| 14300 | display: none; | 14300 | display: none; | |||
| 14301 | } | 14301 | } | |||
| 14302 | #bestseller-products >.products { | 14302 | #bestseller-products >.products { | |||
| 14303 | margin-left: -1px; | 14303 | margin-left: -1px; | |||
| 14304 | margin-right: -1px; | 14304 | margin-right: -1px; | |||
| 14305 | } | 14305 | } | |||
| 14306 | #bestseller-products li.product { | 14306 | #bestseller-products li.product { | |||
| 14307 | padding-left: 1px; | 14307 | padding-left: 1px; | |||
| 14308 | padding-right: 1px; | 14308 | padding-right: 1px; | |||
| 14309 | margin-bottom: 2px; | 14309 | margin-bottom: 2px; | |||
| 14310 | } | 14310 | } | |||
| 14311 | </style> | 14311 | </style> | |||
| 14312 | <div id="bestseller-products" class="porto-products wpb_content_element no-border mb-0"> | 14312 | <div id="bestseller-products" class="porto-products wpb_content_element no-border mb-0"> | |||
| 14313 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product_6" product_count="8" column_count="4" aspect_ratio="0" image_width="250" image_height="375" product_type="1" template="grid.phtml"}} | 14313 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product_6" product_count="8" column_count="4" aspect_ratio="0" image_width="250" image_height="375" product_type="1" template="grid.phtml"}} | |||
| 14314 | </div> | 14314 | </div> | |||
| 14315 | </div> | 14315 | </div> | |||
| 14316 | </div> | 14316 | </div> | |||
| 14317 | </div> | 14317 | </div> | |||
| 14318 | </div> | 14318 | </div> | |||
| 14319 | </div> | 14319 | </div> | |||
| 14320 | <div class="section mt-0 mb-0 porto-inner-container" style="background: #fff;"> | 14320 | <div class="section mt-0 mb-0 porto-inner-container" style="background: #fff;"> | |||
| 14321 | <div class="container"> | 14321 | <div class="container"> | |||
| 14322 | <div class="row"> | 14322 | <div class="row"> | |||
| 14323 | <div class="mb-3 col-md-4"> | 14323 | <div class="mb-3 col-md-4"> | |||
| 14324 | <div class="wpb_wrapper vc_column-inner"> | 14324 | <div class="wpb_wrapper vc_column-inner"> | |||
| 14325 | <div class="row no-padding mx-0 justify-content-end" | 14325 | <div class="row no-padding mx-0 justify-content-end" | |||
| 14326 | style="background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/24/shop24_home_banner1.jpg"}}'); | 14326 | style="background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/24/shop24_home_banner1.jpg"}}'); | |||
| 14327 | padding-top: 45px; | 14327 | padding-top: 45px; | |||
| 14328 | padding-bottom: 30px; | 14328 | padding-bottom: 30px; | |||
| 14329 | background-position: center; | 14329 | background-position: center; | |||
| 14330 | background-repeat: no-repeat; | 14330 | background-repeat: no-repeat; | |||
| 14331 | background-size: cover; | 14331 | background-size: cover; | |||
| 14332 | "> | 14332 | "> | |||
| 14333 | <div class="pr-4 col-auto col-md-3-5"> | 14333 | <div class="pr-4 col-auto col-md-3-5"> | |||
| 14334 | <div class="wpb_wrapper vc_column-inner"> | 14334 | <div class="wpb_wrapper vc_column-inner"> | |||
| 14335 | <h2 style="font-size: 19px; line-height: 1; font-weight: 600;" class="vc_custom_heading mb-2 ls-negative-03 align-left text-uppercase heading-light">Award Winners</h2> | 14335 | <h2 style="font-size: 19px; line-height: 1; font-weight: 600;" class="vc_custom_heading mb-2 ls-negative-03 align-left text-uppercase heading-light">Award Winners</h2> | |||
| 14336 | <p style="color: rgba(255, 255, 255, 0.5);" class="vc_custom_heading mb-3 align-left">12 Books</p> | 14336 | <p style="color: rgba(255, 255, 255, 0.5);" class="vc_custom_heading mb-3 align-left">12 Books</p> | |||
| 14337 | <div class="btn-container mb-0 d-inline-block"> | 14337 | <div class="btn-container mb-0 d-inline-block"> | |||
| 14338 | <button class="btn btn-md btn-primary">VIEW COLLETIONS <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button> | 14338 | <button class="btn btn-md btn-primary">VIEW COLLETIONS <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button> | |||
| 14339 | </div> | 14339 | </div> | |||
| 14340 | </div> | 14340 | </div> | |||
| 14341 | </div> | 14341 | </div> | |||
| 14342 | </div> | 14342 | </div> | |||
| 14343 | </div> | 14343 | </div> | |||
| 14344 | </div> | 14344 | </div> | |||
| 14345 | <div class="mb-3 col-md-4"> | 14345 | <div class="mb-3 col-md-4"> | |||
| 14346 | <div class="wpb_wrapper vc_column-inner"> | 14346 | <div class="wpb_wrapper vc_column-inner"> | |||
| 14347 | <div class="row no-padding mx-0 justify-content-end" | 14347 | <div class="row no-padding mx-0 justify-content-end" | |||
| 14348 | style="background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/24/shop24_home_banner2.jpg"}}'); | 14348 | style="background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/24/shop24_home_banner2.jpg"}}'); | |||
| 14349 | padding-top: 45px; | 14349 | padding-top: 45px; | |||
| 14350 | padding-bottom: 30px; | 14350 | padding-bottom: 30px; | |||
| 14351 | background-position: center; | 14351 | background-position: center; | |||
| 14352 | background-repeat: no-repeat; | 14352 | background-repeat: no-repeat; | |||
| 14353 | background-size: cover; | 14353 | background-size: cover; | |||
| 14354 | "> | 14354 | "> | |||
| 14355 | <div class="pr-4 col-auto col-md-3-5"> | 14355 | <div class="pr-4 col-auto col-md-3-5"> | |||
| 14356 | <div class="wpb_wrapper vc_column-inner"> | 14356 | <div class="wpb_wrapper vc_column-inner"> | |||
| 14357 | <h2 style="font-size: 19px; line-height: 1; font-weight: 600;" class="vc_custom_heading mb-2 ls-negative-03 align-left text-uppercase heading-light">Deals in Books</h2> | 14357 | <h2 style="font-size: 19px; line-height: 1; font-weight: 600;" class="vc_custom_heading mb-2 ls-negative-03 align-left text-uppercase heading-light">Deals in Books</h2> | |||
| 14358 | <p style="color: rgba(255, 255, 255, 0.5);" class="vc_custom_heading mb-3 align-left">21 Books</p> | 14358 | <p style="color: rgba(255, 255, 255, 0.5);" class="vc_custom_heading mb-3 align-left">21 Books</p> | |||
| 14359 | <div class="btn-container mb-0 d-inline-block"> | 14359 | <div class="btn-container mb-0 d-inline-block"> | |||
| 14360 | <button class="btn btn-md btn-secondary">VIEW COLLETIONS <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button> | 14360 | <button class="btn btn-md btn-secondary">VIEW COLLETIONS <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button> | |||
| 14361 | </div> | 14361 | </div> | |||
| 14362 | </div> | 14362 | </div> | |||
| 14363 | </div> | 14363 | </div> | |||
| 14364 | </div> | 14364 | </div> | |||
| 14365 | </div> | 14365 | </div> | |||
| 14366 | </div> | 14366 | </div> | |||
| 14367 | <div class="mb-5 col-md-4"> | 14367 | <div class="mb-5 col-md-4"> | |||
| 14368 | <div class="wpb_wrapper vc_column-inner"> | 14368 | <div class="wpb_wrapper vc_column-inner"> | |||
| 14369 | <div class="row no-padding mx-0 justify-content-end" | 14369 | <div class="row no-padding mx-0 justify-content-end" | |||
| 14370 | style="background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/24/shop24_home_banner3.jpg"}}'); | 14370 | style="background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/24/shop24_home_banner3.jpg"}}'); | |||
| 14371 | padding-top: 45px; | 14371 | padding-top: 45px; | |||
| 14372 | padding-bottom: 30px; | 14372 | padding-bottom: 30px; | |||
| 14373 | background-position: center; | 14373 | background-position: center; | |||
| 14374 | background-repeat: no-repeat; | 14374 | background-repeat: no-repeat; | |||
| 14375 | background-size: cover; | 14375 | background-size: cover; | |||
| 14376 | "> | 14376 | "> | |||
| 14377 | <div class="pr-4 col-auto col-md-3-5"> | 14377 | <div class="pr-4 col-auto col-md-3-5"> | |||
| 14378 | <div class="wpb_wrapper vc_column-inner"> | 14378 | <div class="wpb_wrapper vc_column-inner"> | |||
| 14379 | <h2 style="font-size: 19px; line-height: 1; font-weight: 600;" class="vc_custom_heading mb-2 ls-negative-03 align-left text-uppercase heading-light">MOST GIFTED</h2> | 14379 | <h2 style="font-size: 19px; line-height: 1; font-weight: 600;" class="vc_custom_heading mb-2 ls-negative-03 align-left text-uppercase heading-light">MOST GIFTED</h2> | |||
| 14380 | <p style="color: rgba(255, 255, 255, 0.5);" class="vc_custom_heading mb-3 align-left">38 Books</p> | 14380 | <p style="color: rgba(255, 255, 255, 0.5);" class="vc_custom_heading mb-3 align-left">38 Books</p> | |||
| 14381 | <div class="btn-container mb-0 d-inline-block"> | 14381 | <div class="btn-container mb-0 d-inline-block"> | |||
| 14382 | <button class="btn btn-md btn-tertiary">VIEW COLLETIONS <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button> | 14382 | <button class="btn btn-md btn-tertiary">VIEW COLLETIONS <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button> | |||
| 14383 | </div> | 14383 | </div> | |||
| 14384 | </div> | 14384 | </div> | |||
| 14385 | </div> | 14385 | </div> | |||
| 14386 | </div> | 14386 | </div> | |||
| 14387 | </div> | 14387 | </div> | |||
| 14388 | </div> | 14388 | </div> | |||
| 14389 | <div class="col-md-12"> | 14389 | <div class="col-md-12"> | |||
| 14390 | <div class="wpb_wrapper vc_column-inner"> | 14390 | <div class="wpb_wrapper vc_column-inner"> | |||
| 14391 | <style> | 14391 | <style> | |||
| 14392 | .heading1685681490 h2 { | 14392 | .heading1685681490 h2 { | |||
| 14393 | border-bottom-color: #e7e7e7 !important; | 14393 | border-bottom-color: #e7e7e7 !important; | |||
| 14394 | } | 14394 | } | |||
| 14395 | </style> | 14395 | </style> | |||
| 14396 | <div class="vc_custom_heading align-left heading heading-border heading-bottom-border heading-border-xs heading1685681490" style="margin-bottom: 20px;"> | 14396 | <div class="vc_custom_heading align-left heading heading-border heading-bottom-border heading-border-xs heading1685681490" style="margin-bottom: 20px;"> | |||
| 14397 | <h2 style="font-size: 16px; line-height: 20px; font-weight: 500;" class="heading-tag">Featured Books</h2> | 14397 | <h2 style="font-size: 16px; line-height: 20px; font-weight: 500;" class="heading-tag">Featured Books</h2> | |||
| 14398 | </div> | 14398 | </div> | |||
| 14399 | <div class="porto-products wpb_content_element mb-0"> | 14399 | <div class="porto-products wpb_content_element mb-0"> | |||
| 14400 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product_7" product_count="6" column_count="6" aspect_ratio="0" image_width="250" image_height="375" product_type="3" template="grid.phtml"}} | 14400 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product_7" product_count="6" column_count="6" aspect_ratio="0" image_width="250" image_height="375" product_type="3" template="grid.phtml"}} | |||
| 14401 | </div> | 14401 | </div> | |||
| 14402 | </div> | 14402 | </div> | |||
| 14403 | </div> | 14403 | </div> | |||
| 14404 | </div> | 14404 | </div> | |||
| 14405 | </div> | 14405 | </div> | |||
| 14406 | </div> | 14406 | </div> | |||
| 14407 | <div class="section section-primary mt-0 mb-0" | 14407 | <div class="section section-primary mt-0 mb-0" | |||
| 14408 | style="background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/24/shop24_home_book.png"}}'); | 14408 | style="background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/24/shop24_home_book.png"}}'); | |||
| 14409 | padding-top: 60px; | 14409 | padding-top: 60px; | |||
| 14410 | padding-bottom: 60px; | 14410 | padding-bottom: 60px; | |||
| 14411 | background-repeat: no-repeat; | 14411 | background-repeat: no-repeat; | |||
| 14412 | background-size: 41% auto; | 14412 | background-size: 41% auto; | |||
| 14413 | background-position: center right; | 14413 | background-position: center right; | |||
| 14414 | background-color:#3256f4; | 14414 | background-color:#3256f4; | |||
| 14415 | "> | 14415 | "> | |||
| 14416 | <div class="container"> | 14416 | <div class="container"> | |||
| 14417 | <div class="row align-items-center"> | 14417 | <div class="row align-items-center"> | |||
| 14418 | <div class="mb-4 mb-lg-0 col-md-7 col-lg-5 col-7"> | 14418 | <div class="mb-4 mb-lg-0 col-md-7 col-lg-5 col-7"> | |||
| 14419 | <div class="wpb_wrapper vc_column-inner"> | 14419 | <div class="wpb_wrapper vc_column-inner"> | |||
| 14420 | <h5 style="font-size: 18px; color: rgba(255, 255, 255, 0.6); line-height: 1.5; font-weight: 400;" class="vc_custom_heading mb-0 align-left text-uppercase"><i>AVAILABLE ONCE A YEAR</i></h5> | 14420 | <h5 style="font-size: 18px; color: rgba(255, 255, 255, 0.6); line-height: 1.5; font-weight: 400;" class="vc_custom_heading mb-0 align-left text-uppercase"><i>AVAILABLE ONCE A YEAR</i></h5> | |||
| 14421 | <div class="porto-u-heading mb-0 d-inline-block subheading-text-right" data-hspacer="no_spacer" data-halign="left" style="text-align: left;"> | 14421 | <div class="porto-u-heading mb-0 d-inline-block subheading-text-right" data-hspacer="no_spacer" data-halign="left" style="text-align: left;"> | |||
| 14422 | <div class="porto-u-main-heading"><h2 style="font-weight: 600; color: #ffffff; font-size: 29px; line-height: 40px;margin:0;">Get 30% off on orders over $299</h2></div> | 14422 | <div class="porto-u-main-heading"><h2 style="font-weight: 600; color: #ffffff; font-size: 29px; line-height: 40px;margin:0;">Get 30% off on orders over $299</h2></div> | |||
| 14423 | <div class="porto-u-sub-heading" style="font-weight: 500; color: #ffffff; font-size: 12px; line-height: 16px;">* SELECTED BOOKS</div> | 14423 | <div class="porto-u-sub-heading" style="font-weight: 500; color: #ffffff; font-size: 12px; line-height: 16px;">* SELECTED BOOKS</div> | |||
| 14424 | </div> | 14424 | </div> | |||
| 14425 | </div> | 14425 | </div> | |||
| 14426 | </div> | 14426 | </div> | |||
| 14427 | <div class="col-md-7 col-lg-3 col-7"> | 14427 | <div class="col-md-7 col-lg-3 col-7"> | |||
| 14428 | <div class="wpb_wrapper vc_column-inner"> | 14428 | <div class="wpb_wrapper vc_column-inner"> | |||
| 14429 | <div class="btn-container mb-0 d-inline-block"> | 14429 | <div class="btn-container mb-0 d-inline-block"> | |||
| 14430 | <button class="btn btn-xl btn-quaternary">EXPLORE BOOKS <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button> | 14430 | <button class="btn btn-xl btn-quaternary">EXPLORE BOOKS <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button> | |||
| 14431 | </div> | 14431 | </div> | |||
| 14432 | </div> | 14432 | </div> | |||
| 14433 | </div> | 14433 | </div> | |||
| 14434 | </div> | 14434 | </div> | |||
| 14435 | </div> | 14435 | </div> | |||
| 14436 | </div> | 14436 | </div> | |||
| 14437 | <div class="section section-default mt-0 mb-0"> | 14437 | <div class="section section-default mt-0 mb-0"> | |||
| 14438 | <style> | 14438 | <style> | |||
| 14439 | .porto-products.product-bg-white .product-item .product-item-info.type3 { | 14439 | .porto-products.product-bg-white .product-item .product-item-info.type3 { | |||
| 14440 | background: #fff; | 14440 | background: #fff; | |||
| 14441 | } | 14441 | } | |||
| 14442 | .products-grid .product-item .product-item-info.type3 { | 14442 | .products-grid .product-item .product-item-info.type3 { | |||
| 14443 | border: 1px solid #e7e7e7; | 14443 | border: 1px solid #e7e7e7; | |||
| 14444 | padding: 16px 16px 5px; | 14444 | padding: 16px 16px 5px; | |||
| 14445 | box-shadow: 0 2px 3px 0 rgb(0 0 0 / 5%); | 14445 | box-shadow: 0 2px 3px 0 rgb(0 0 0 / 5%); | |||
| 14446 | } | 14446 | } | |||
| 14447 | </style> | 14447 | </style> | |||
| 14448 | <div class="container"> | 14448 | <div class="container"> | |||
| 14449 | <div class="row"> | 14449 | <div class="row"> | |||
| 14450 | <div class="col-md-12"> | 14450 | <div class="col-md-12"> | |||
| 14451 | <div class="wpb_wrapper vc_column-inner"> | 14451 | <div class="wpb_wrapper vc_column-inner"> | |||
| 14452 | <div class="vc_custom_heading align-left heading heading-border heading-bottom-border heading-border-xs" style="margin-bottom: 20px; border-bottom-color: #e7e7e7;"> | 14452 | <div class="vc_custom_heading align-left heading heading-border heading-bottom-border heading-border-xs" style="margin-bottom: 20px; border-bottom-color: #e7e7e7;"> | |||
| 14453 | <h2 style="font-size: 16px; line-height: 20px; font-weight: 500;" class="heading-tag">Recent Books</h2> | 14453 | <h2 style="font-size: 16px; line-height: 20px; font-weight: 500;" class="heading-tag">Recent Books</h2> | |||
| 14454 | </div> | 14454 | </div> | |||
| 14455 | <div class="porto-products wpb_content_element mb-0 product-bg-white"> | 14455 | <div class="porto-products wpb_content_element mb-0 product-bg-white"> | |||
| 14456 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product_8" product_count="6" column_count="6" aspect_ratio="0" image_width="250" image_height="375" product_type="3" template="grid.phtml"}} | 14456 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product_8" product_count="6" column_count="6" aspect_ratio="0" image_width="250" image_height="375" product_type="3" template="grid.phtml"}} | |||
| 14457 | </div> | 14457 | </div> | |||
| 14458 | </div> | 14458 | </div> | |||
| 14459 | </div> | 14459 | </div> | |||
| 14460 | </div> | 14460 | </div> | |||
| 14461 | </div> | 14461 | </div> | |||
| 14462 | </div> | 14462 | </div> | |||
| 14463 | <div class="section section-parallax mt-0 mb-0" style="background:#fff;padding-bottom: 55px;"> | 14463 | <div class="section section-parallax mt-0 mb-0" style="background:#fff;padding-bottom: 55px;"> | |||
| 14464 | <div class="container"> | 14464 | <div class="container"> | |||
| 14465 | <div class="row"> | 14465 | <div class="row"> | |||
| 14466 | <div class="col-md-12"> | 14466 | <div class="col-md-12"> | |||
| 14467 | <div class="wpb_wrapper vc_column-inner text-center"> | 14467 | <div class="wpb_wrapper vc_column-inner text-center"> | |||
| 14468 | <p class="mb-2"><i class="far fa-envelope" style="font-size: 30px; line-height: 1; color: #333;"></i></p> | 14468 | <p class="mb-2"><i class="far fa-envelope" style="font-size: 30px; line-height: 1; color: #333;"></i></p> | |||
| 14469 | <h2 class="mb-0">Subscribe to Our Newsletter</h2> | 14469 | <h2 class="mb-0">Subscribe to Our Newsletter</h2> | |||
| 14470 | <p class="mb-4">Get all the latest information on Events, Sales and Offers.</p> | 14470 | <p class="mb-4">Get all the latest information on Events, Sales and Offers.</p> | |||
| 14471 | {{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form.phtml"}} | 14471 | {{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form.phtml"}} | |||
| 14472 | <style> | 14472 | <style> | |||
| 14473 | .single-subscribe.subscribe { | 14473 | .single-subscribe.subscribe { | |||
| 14474 | max-width: 570px; | 14474 | max-width: 570px; | |||
| 14475 | margin: 0 auto; | 14475 | margin: 0 auto; | |||
| 14476 | } | 14476 | } | |||
| 14477 | .single-subscribe .newsletter input { | 14477 | .single-subscribe .newsletter input { | |||
| 14478 | background: #f4f4f4; | 14478 | background: #f4f4f4; | |||
| 14479 | border: none; | 14479 | border: none; | |||
| 14480 | height: 48px; | 14480 | height: 48px; | |||
| 14481 | font-size: 12px; | 14481 | font-size: 12px; | |||
| 14482 | font-style: italic; | 14482 | font-style: italic; | |||
| 14483 | } | 14483 | } | |||
| 14484 | .single-subscribe .newsletter .action { | 14484 | .single-subscribe .newsletter .action { | |||
| 14485 | height: 48px; | 14485 | height: 48px; | |||
| 14486 | padding-left: 25px; | 14486 | padding-left: 25px; | |||
| 14487 | padding-right: 30px; | 14487 | padding-right: 30px; | |||
| 14488 | font-size: 12px; | 14488 | font-size: 12px; | |||
| 14489 | font-weight: 600; | 14489 | font-weight: 600; | |||
| 14490 | background: #333; | 14490 | background: #333; | |||
| 14491 | border-color: #333; | 14491 | border-color: #333; | |||
| 14492 | } | 14492 | } | |||
| 14493 | </style> | 14493 | </style> | |||
| 14494 | </div> | 14494 | </div> | |||
| 14495 | </div> | 14495 | </div> | |||
| 14496 | </div> | 14496 | </div> | |||
| 14497 | </div> | 14497 | </div> | |||
| 14498 | </div> | 14498 | </div> | |||
| 14499 | ]]> | 14499 | ]]> | |||
| 14500 | </content> | 14500 | </content> | |||
| 14501 | 14501 | |||||
| 14502 | <is_active> | 14502 | <is_active> | |||
| 14503 | 1 | 14503 | 1 | |||
| 14504 | </is_active> | 14504 | </is_active> | |||
| 14505 | 14505 | |||||
| 14506 | <page_layout> | 14506 | <page_layout> | |||
| 14507 | 1column | 14507 | 1column | |||
| 14508 | </page_layout> | 14508 | </page_layout> | |||
| 14509 | 14509 | |||||
| 14510 | <layout_update_xml> | 14510 | <layout_update_xml> | |||
| 14511 | <![CDATA[]]> | 14511 | <![CDATA[]]> | |||
| 14512 | </layout_update_xml> | 14512 | </layout_update_xml> | |||
| 14513 | 14513 | |||||
| 14514 | </cms_item> | 14514 | </cms_item> | |||
| 14515 | 14515 | |||||
| 14516 | <cms_item> | 14516 | <cms_item> | |||
| 14517 | 14517 | |||||
| 14518 | <title> | 14518 | <title> | |||
| 14519 | Porto - Homepage 25 | 14519 | Porto - Homepage 25 | |||
| 14520 | </title> | 14520 | </title> | |||
| 14521 | 14521 | |||||
| 14522 | <identifier> | 14522 | <identifier> | |||
| 14523 | porto_home_25 | 14523 | porto_home_25 | |||
| 14524 | </identifier> | 14524 | </identifier> | |||
| 14525 | 14525 | |||||
| 14526 | <content> | 14526 | <content> | |||
| 14527 | <![CDATA[<style> | 14527 | <![CDATA[<style> | |||
| 14528 | .columns .column.main { | 14528 | .columns .column.main { | |||
| 14529 | padding-bottom: 0; | 14529 | padding-bottom: 0; | |||
| 14530 | } | 14530 | } | |||
| 14531 | .section { | 14531 | .section { | |||
| 14532 | margin-top: 30px; | 14532 | margin-top: 30px; | |||
| 14533 | padding: 50px 0; | 14533 | padding: 50px 0; | |||
| 14534 | } | 14534 | } | |||
| 14535 | .home-banner h1, .home-banner h2, .home-banner h3 { | 14535 | .home-banner h1, .home-banner h2, .home-banner h3 { | |||
| 14536 | letter-spacing: -.02em; | 14536 | letter-spacing: -.02em; | |||
| 14537 | } | 14537 | } | |||
| 14538 | .h-100>.porto-ultimate-content-box { | 14538 | .h-100>.porto-ultimate-content-box { | |||
| 14539 | height: 100%; | 14539 | height: 100%; | |||
| 14540 | display: flex; | 14540 | display: flex; | |||
| 14541 | flex-direction: column; | 14541 | flex-direction: column; | |||
| 14542 | justify-content: center; | 14542 | justify-content: center; | |||
| 14543 | } | 14543 | } | |||
| 14544 | .vc_custom_heading>small { | 14544 | .vc_custom_heading>small { | |||
| 14545 | font-size: 50%!important; | 14545 | font-size: 50%!important; | |||
| 14546 | font-weight: inherit; | 14546 | font-weight: inherit; | |||
| 14547 | vertical-align: top; | 14547 | vertical-align: top; | |||
| 14548 | line-height: 1.6; | 14548 | line-height: 1.6; | |||
| 14549 | display: inline-block!important; | 14549 | display: inline-block!important; | |||
| 14550 | } | 14550 | } | |||
| 14551 | .porto-sicon-box { | 14551 | .porto-sicon-box { | |||
| 14552 | margin-bottom: 0; | 14552 | margin-bottom: 0; | |||
| 14553 | } | 14553 | } | |||
| 14554 | .products.products-grid { | 14554 | .products.products-grid { | |||
| 14555 | margin-bottom: 1em; | 14555 | margin-bottom: 1em; | |||
| 14556 | } | 14556 | } | |||
| 14557 | @media (min-width: 1260px) { | 14557 | @media (min-width: 1260px) { | |||
| 14558 | .pl-xl-6 { | 14558 | .pl-xl-6 { | |||
| 14559 | padding-left: 70px!important; | 14559 | padding-left: 70px!important; | |||
| 14560 | } | 14560 | } | |||
| 14561 | } | 14561 | } | |||
| 14562 | </style> | 14562 | </style> | |||
| 14563 | <div class="home-banner porto-inner-container"> | 14563 | <div class="home-banner porto-inner-container"> | |||
| 14564 | <div class="porto-wrap-container container"> | 14564 | <div class="porto-wrap-container container"> | |||
| 14565 | <div class="row"> | 14565 | <div class="row"> | |||
| 14566 | <div class="m-b-md col-md-8"> | 14566 | <div class="m-b-md col-md-8"> | |||
| 14567 | <div class="wpb_wrapper vc_column-inner"> | 14567 | <div class="wpb_wrapper vc_column-inner"> | |||
| 14568 | <div class="vc_row wpb_row vc_inner row no-padding" style="margin-right: 0px; margin-left: 0px; background-color: #f4f4f4;"> | 14568 | <div class="vc_row wpb_row vc_inner row no-padding" style="margin-right: 0px; margin-left: 0px; background-color: #f4f4f4;"> | |||
| 14569 | <div class="pl-4 pl-xl-6 col-md-5" style="padding-top: 60px; padding-bottom: 12px;"> | 14569 | <div class="pl-4 pl-xl-6 col-md-5" style="padding-top: 60px; padding-bottom: 12px;"> | |||
| 14570 | <div class="wpb_wrapper vc_column-inner"> | 14570 | <div class="wpb_wrapper vc_column-inner"> | |||
| 14571 | <div class="wpb_single_image wpb_content_element vc_align_left mb-2"> | 14571 | <div class="wpb_single_image wpb_content_element vc_align_left mb-2"> | |||
| 14572 | <div class="wpb_wrapper"> | 14572 | <div class="wpb_wrapper"> | |||
| 14573 | <div class="vc_single_image-wrapper vc_box_border_grey"> | 14573 | <div class="vc_single_image-wrapper vc_box_border_grey"> | |||
| 14574 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/25/shop25_brand.png"}}" style="display: block;"/> | 14574 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/25/shop25_brand.png"}}" style="display: block;"/> | |||
| 14575 | </div> | 14575 | </div> | |||
| 14576 | </div> | 14576 | </div> | |||
| 14577 | </div> | 14577 | </div> | |||
| 14578 | <h3 style="font-size: 22px; color: #777777; line-height: 1.4; font-weight: 500;" class="vc_custom_heading mb-2 align-left text-uppercase">car shock absorbers</h3> | 14578 | <h3 style="font-size: 22px; color: #777777; line-height: 1.4; font-weight: 500;" class="vc_custom_heading mb-2 align-left text-uppercase">car shock absorbers</h3> | |||
| 14579 | <h2 style="font-size: 35px; line-height: 35px; font-weight: 700;" class="vc_custom_heading mb-4 align-left text-uppercase"> | 14579 | <h2 style="font-size: 35px; line-height: 35px; font-weight: 700;" class="vc_custom_heading mb-4 align-left text-uppercase"> | |||
| 14580 | STARTING<br /> | 14580 | STARTING<br /> | |||
| 14581 | AT <small>$</small>99<small>99</small> | 14581 | AT <small>$</small>99<small>99</small> | |||
| 14582 | </h2> | 14582 | </h2> | |||
| 14583 | <h3 style="font-size: 16px; line-height: 1; font-weight: 400;" class="vc_custom_heading mb-3 align-left heading-dark">Start Shopping Right Now</h3> | 14583 | <h3 style="font-size: 16px; line-height: 1; font-weight: 400;" class="vc_custom_heading mb-3 align-left heading-dark">Start Shopping Right Now</h3> | |||
| 14584 | <p style="font-size: 11px; line-height: 1.4;" class="vc_custom_heading mb-3 align-left">* Get Plus Discount Buying Package</p> | 14584 | <p style="font-size: 11px; line-height: 1.4;" class="vc_custom_heading mb-3 align-left">* Get Plus Discount Buying Package</p> | |||
| 14585 | <div class="btn-container mb-0 mb-md-5 d-inline-block"><button class="btn btn-modern btn-lg btn-quaternary">VIEW SALE</button></div> | 14585 | <div class="btn-container mb-0 mb-md-5 d-inline-block"><button class="btn btn-modern btn-lg btn-quaternary">VIEW SALE</button></div> | |||
| 14586 | </div> | 14586 | </div> | |||
| 14587 | </div> | 14587 | </div> | |||
| 14588 | <div class="pr-md-2 pr-xl-3 col-md-7"> | 14588 | <div class="pr-md-2 pr-xl-3 col-md-7"> | |||
| 14589 | <div class="wpb_wrapper vc_column-inner d-flex align-items-center h-100"> | 14589 | <div class="wpb_wrapper vc_column-inner d-flex align-items-center h-100"> | |||
| 14590 | <div class="wpb_single_image wpb_content_element vc_align_left mb-0"> | 14590 | <div class="wpb_single_image wpb_content_element vc_align_left mb-0"> | |||
| 14591 | <div class="wpb_wrapper"> | 14591 | <div class="wpb_wrapper"> | |||
| 14592 | <div class="vc_single_image-wrapper vc_box_border_grey"> | 14592 | <div class="vc_single_image-wrapper vc_box_border_grey"> | |||
| 14593 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/25/shop25_home_banner1.jpg"}}" style="display: block;" /> | 14593 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/25/shop25_home_banner1.jpg"}}" style="display: block;" /> | |||
| 14594 | </div> | 14594 | </div> | |||
| 14595 | </div> | 14595 | </div> | |||
| 14596 | </div> | 14596 | </div> | |||
| 14597 | </div> | 14597 | </div> | |||
| 14598 | </div> | 14598 | </div> | |||
| 14599 | </div> | 14599 | </div> | |||
| 14600 | </div> | 14600 | </div> | |||
| 14601 | </div> | 14601 | </div> | |||
| 14602 | <div class="m-b-md col-md-4"> | 14602 | <div class="m-b-md col-md-4"> | |||
| 14603 | <div class="wpb_wrapper vc_column-inner h-100"> | 14603 | <div class="wpb_wrapper vc_column-inner h-100"> | |||
| 14604 | <div class="porto-ultimate-content-box-container h-100 mb-0"> | 14604 | <div class="porto-ultimate-content-box-container h-100 mb-0"> | |||
| 14605 | <div class="porto-ultimate-content-box" | 14605 | <div class="porto-ultimate-content-box" | |||
| 14606 | style="background-size: cover; | 14606 | style="background-size: cover; | |||
| 14607 | background-repeat: no-repeat; | 14607 | background-repeat: no-repeat; | |||
| 14608 | background-position: center center; | 14608 | background-position: center center; | |||
| 14609 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/25/shop25_home_banner2.jpg"}}'); | 14609 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/25/shop25_home_banner2.jpg"}}'); | |||
| 14610 | padding: 40px; | 14610 | padding: 40px; | |||
| 14611 | background-color: #444444;"> | 14611 | background-color: #444444;"> | |||
| 14612 | <h3 style="font-size: 20px; line-height: 1.2; font-weight: 700;" class="vc_custom_heading mb-2 align-right text-uppercase heading-primary"> | 14612 | <h3 style="font-size: 20px; line-height: 1.2; font-weight: 700;" class="vc_custom_heading mb-2 align-right text-uppercase heading-primary"> | |||
| 14613 | FLASH SALE | 14613 | FLASH SALE | |||
| 14614 | </h3> | 14614 | </h3> | |||
| 14615 | <h3 style="font-size: 20px; color: rgb(162, 162, 162); line-height: 1.2; font-weight: 500; animation-delay: 250ms;" class="vc_custom_heading mb-2 align-right text-uppercase"> | 14615 | <h3 style="font-size: 20px; color: rgb(162, 162, 162); line-height: 1.2; font-weight: 500; animation-delay: 250ms;" class="vc_custom_heading mb-2 align-right text-uppercase"> | |||
| 14616 | ALL HIGH PERFORMANCE<br /> | 14616 | ALL HIGH PERFORMANCE<br /> | |||
| 14617 | WHEELS AND TIRES | 14617 | WHEELS AND TIRES | |||
| 14618 | </h3> | 14618 | </h3> | |||
| 14619 | <h2 style="font-size: 30px; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-3 align-right text-uppercase heading-light"> | 14619 | <h2 style="font-size: 30px; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-3 align-right text-uppercase heading-light"> | |||
| 14620 | STARTING<br /> | 14620 | STARTING<br /> | |||
| 14621 | AT <small>$</small>199<small>99</small> | 14621 | AT <small>$</small>199<small>99</small> | |||
| 14622 | </h2> | 14622 | </h2> | |||
| 14623 | <div class="btn-container mb-0 text-right"> | 14623 | <div class="btn-container mb-0 text-right"> | |||
| 14624 | <button class="btn btn-modern btn-lg btn-light"> | 14624 | <button class="btn btn-modern btn-lg btn-light"> | |||
| 14625 | VIEW SALE | 14625 | VIEW SALE | |||
| 14626 | </button> | 14626 | </button> | |||
| 14627 | </div> | 14627 | </div> | |||
| 14628 | </div> | 14628 | </div> | |||
| 14629 | </div> | 14629 | </div> | |||
| 14630 | </div> | 14630 | </div> | |||
| 14631 | </div> | 14631 | </div> | |||
| 14632 | </div> | 14632 | </div> | |||
| 14633 | </div> | 14633 | </div> | |||
| 14634 | </div> | 14634 | </div> | |||
| 14635 | <div class="vc_row wpb_row porto-inner-container"> | 14635 | <div class="vc_row wpb_row porto-inner-container"> | |||
| 14636 | <div class="porto-wrap-container container"> | 14636 | <div class="porto-wrap-container container"> | |||
| 14637 | <div class="row"> | 14637 | <div class="row"> | |||
| 14638 | <div class="col-md-12"> | 14638 | <div class="col-md-12"> | |||
| 14639 | <div class="wpb_wrapper vc_column-inner"> | 14639 | <div class="wpb_wrapper vc_column-inner"> | |||
| 14640 | <div class="vc_row wpb_row vc_inner row no-padding" style="padding: 16px 20px; border: 1px solid #ec7200;margin-bottom: 35px;"> | 14640 | <div class="vc_row wpb_row vc_inner row no-padding" style="padding: 16px 20px; border: 1px solid #ec7200;margin-bottom: 35px;"> | |||
| 14641 | <div class="mb-3 mb-md-0 col-md-5"> | 14641 | <div class="mb-3 mb-md-0 col-md-5"> | |||
| 14642 | <div class="wpb_wrapper vc_column-inner"> | 14642 | <div class="wpb_wrapper vc_column-inner"> | |||
| 14643 | <div class="porto-sicon-box px-md-3 style_1 default-icon"> | 14643 | <div class="porto-sicon-box px-md-3 style_1 default-icon"> | |||
| 14644 | <div class="porto-sicon-default"> | 14644 | <div class="porto-sicon-default"> | |||
| 14645 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 14645 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 14646 | <div class="porto-icon none" style="color: #ec7200; font-size: 45px; display: inline-block;"><i class="far fa-envelope"></i></div> | 14646 | <div class="porto-icon none" style="color: #ec7200; font-size: 45px; display: inline-block;"><i class="far fa-envelope"></i></div> | |||
| 14647 | </div> | 14647 | </div> | |||
| 14648 | </div> | 14648 | </div> | |||
| 14649 | <div class="porto-sicon-header"> | 14649 | <div class="porto-sicon-header"> | |||
| 14650 | <h2 class="porto-sicon-title" style="font-weight: 600; font-size: 18px; line-height: 18px; color: #323232;">Get Special Offers and Savings</h2> | 14650 | <h2 class="porto-sicon-title" style="font-weight: 600; font-size: 18px; line-height: 18px; color: #323232;">Get Special Offers and Savings</h2> | |||
| 14651 | <p style="font-weight: 400; font-size: 13px; line-height: 15px;">Get all the latest information on Events, Sales and Offers.</p> | 14651 | <p style="font-weight: 400; font-size: 13px; line-height: 15px;">Get all the latest information on Events, Sales and Offers.</p> | |||
| 14652 | </div> | 14652 | </div> | |||
| 14653 | </div> | 14653 | </div> | |||
| 14654 | </div> | 14654 | </div> | |||
| 14655 | </div> | 14655 | </div> | |||
| 14656 | <div class="col-md-7"> | 14656 | <div class="col-md-7"> | |||
| 14657 | <div class="wpb_wrapper vc_column-inner"> | 14657 | <div class="wpb_wrapper vc_column-inner"> | |||
| 14658 | <style> | 14658 | <style> | |||
| 14659 | .single-subscribe .newsletter input { | 14659 | .single-subscribe .newsletter input { | |||
| 14660 | height: 48px; | 14660 | height: 48px; | |||
| 14661 | border-radius: 24px 0 0 24px; | 14661 | border-radius: 24px 0 0 24px; | |||
| 14662 | font-style: italic; | 14662 | font-style: italic; | |||
| 14663 | font-size: 12px; | 14663 | font-size: 12px; | |||
| 14664 | padding-left: 20px; | 14664 | padding-left: 20px; | |||
| 14665 | box-shadow: none; | 14665 | box-shadow: none; | |||
| 14666 | border: 1px solid rgba(0,0,0,.09); | 14666 | border: 1px solid rgba(0,0,0,.09); | |||
| 14667 | } | 14667 | } | |||
| 14668 | .single-subscribe .newsletter .action { | 14668 | .single-subscribe .newsletter .action { | |||
| 14669 | font-size: 1em; | 14669 | font-size: 1em; | |||
| 14670 | padding: 10px 35px 10px 30px; | 14670 | padding: 10px 35px 10px 30px; | |||
| 14671 | border-radius: 0 24px 24px 0; | 14671 | border-radius: 0 24px 24px 0; | |||
| 14672 | height: 48px; | 14672 | height: 48px; | |||
| 14673 | background-color: #323232; | 14673 | background-color: #323232; | |||
| 14674 | border-color: #323232 #323232 #191919; | 14674 | border-color: #323232 #323232 #191919; | |||
| 14675 | } | 14675 | } | |||
| 14676 | .widget .tagcloud { | 14676 | .widget .tagcloud { | |||
| 14677 | margin-top: -.3846em; | 14677 | margin-top: -.3846em; | |||
| 14678 | margin-bottom: -.3846em; | 14678 | margin-bottom: -.3846em; | |||
| 14679 | } | 14679 | } | |||
| 14680 | .home-product-tags .tagcloud { | 14680 | .home-product-tags .tagcloud { | |||
| 14681 | background: #f4f4f4; | 14681 | background: #f4f4f4; | |||
| 14682 | padding: 20px 0 0 20px; | 14682 | padding: 20px 0 0 20px; | |||
| 14683 | display: flex; | 14683 | display: flex; | |||
| 14684 | flex-wrap: wrap; | 14684 | flex-wrap: wrap; | |||
| 14685 | justify-content: space-between; | 14685 | justify-content: space-between; | |||
| 14686 | } | 14686 | } | |||
| 14687 | .home-product-tags .tagcloud a { | 14687 | .home-product-tags .tagcloud a { | |||
| 14688 | font-size: 13px!important; | 14688 | font-size: 13px!important; | |||
| 14689 | font-weight: 600; | 14689 | font-weight: 600; | |||
| 14690 | color: #222529; | 14690 | color: #222529; | |||
| 14691 | text-transform: uppercase; | 14691 | text-transform: uppercase; | |||
| 14692 | border: 1px solid #e7e7e7; | 14692 | border: 1px solid #e7e7e7; | |||
| 14693 | background: #fff; | 14693 | background: #fff; | |||
| 14694 | border-radius: 0; | 14694 | border-radius: 0; | |||
| 14695 | margin: 0 20px 20px 0; | 14695 | margin: 0 20px 20px 0; | |||
| 14696 | min-width: 110px; | 14696 | min-width: 110px; | |||
| 14697 | padding: 13px; | 14697 | padding: 13px; | |||
| 14698 | text-align: center; | 14698 | text-align: center; | |||
| 14699 | line-height: 1; | 14699 | line-height: 1; | |||
| 14700 | display: inline-block; | 14700 | display: inline-block; | |||
| 14701 | } | 14701 | } | |||
| 14702 | </style> | 14702 | </style> | |||
| 14703 | {{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form.phtml"}} | 14703 | {{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form.phtml"}} | |||
| 14704 | </div> | 14704 | </div> | |||
| 14705 | </div> | 14705 | </div> | |||
| 14706 | </div> | 14706 | </div> | |||
| 14707 | <div class="porto-products wpb_content_element title-border-bottom mb-0"> | 14707 | <div class="porto-products wpb_content_element title-border-bottom mb-0"> | |||
| 14708 | <h2 class="section-title"><span class="inline-title">Popular Items</span><span class="line"></span></h2> | 14708 | <h2 class="section-title"><span class="inline-title">Popular Items</span><span class="line"></span></h2> | |||
| 14709 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" product_count="6" column_count="6" aspect_ratio="0" image_width="250" image_height="250" template="grid.phtml"}} | 14709 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" product_count="6" column_count="6" aspect_ratio="0" image_width="250" image_height="250" template="grid.phtml"}} | |||
| 14710 | </div> | 14710 | </div> | |||
| 14711 | <div class="wpb_content_element home-product-tags"> | 14711 | <div class="wpb_content_element home-product-tags"> | |||
| 14712 | <div class="widget widget_product_tag_cloud"> | 14712 | <div class="widget widget_product_tag_cloud"> | |||
| 14713 | <div class="tagcloud"> | 14713 | <div class="tagcloud"> | |||
| 14714 | <a href="#" class="tag-cloud-link tag-link-133 tag-link-position-1" style="font-size: 8pt;" aria-label="Cadillac (2 products)">Cadillac</a> | 14714 | <a href="#" class="tag-cloud-link tag-link-133 tag-link-position-1" style="font-size: 8pt;" aria-label="Cadillac (2 products)">Cadillac</a> | |||
| 14715 | <a href="#" class="tag-cloud-link tag-link-127 tag-link-position-2" style="font-size: 8pt;" aria-label="Chevy (2 products)">Chevy</a> | 14715 | <a href="#" class="tag-cloud-link tag-link-127 tag-link-position-2" style="font-size: 8pt;" aria-label="Chevy (2 products)">Chevy</a> | |||
| 14716 | <a href="#" class="tag-cloud-link tag-link-128 tag-link-position-3" style="font-size: 15.636363636364pt;" aria-label="Dodge (3 products)">Dodge</a> | 14716 | <a href="#" class="tag-cloud-link tag-link-128 tag-link-position-3" style="font-size: 15.636363636364pt;" aria-label="Dodge (3 products)">Dodge</a> | |||
| 14717 | <a href="#" class="tag-cloud-link tag-link-125 tag-link-position-4" style="font-size: 15.636363636364pt;" aria-label="Ford (3 products)">Ford</a> | 14717 | <a href="#" class="tag-cloud-link tag-link-125 tag-link-position-4" style="font-size: 15.636363636364pt;" aria-label="Ford (3 products)">Ford</a> | |||
| 14718 | <a href="#" class="tag-cloud-link tag-link-129 tag-link-position-5" style="font-size: 8pt;" aria-label="Honda (2 products)">Honda</a> | 14718 | <a href="#" class="tag-cloud-link tag-link-129 tag-link-position-5" style="font-size: 8pt;" aria-label="Honda (2 products)">Honda</a> | |||
| 14719 | <a href="#" class="tag-cloud-link tag-link-132 tag-link-position-6" style="font-size: 8pt;" aria-label="Hyundai (2 products)">Hyundai</a> | 14719 | <a href="#" class="tag-cloud-link tag-link-132 tag-link-position-6" style="font-size: 8pt;" aria-label="Hyundai (2 products)">Hyundai</a> | |||
| 14720 | <a href="#" class="tag-cloud-link tag-link-126 tag-link-position-7" style="font-size: 22pt;" aria-label="Jeep (4 products)">Jeep</a> | 14720 | <a href="#" class="tag-cloud-link tag-link-126 tag-link-position-7" style="font-size: 22pt;" aria-label="Jeep (4 products)">Jeep</a> | |||
| 14721 | <a href="#" class="tag-cloud-link tag-link-131 tag-link-position-8" style="font-size: 15.636363636364pt;" aria-label="Nissan (3 products)">Nissan</a> | 14721 | <a href="#" class="tag-cloud-link tag-link-131 tag-link-position-8" style="font-size: 15.636363636364pt;" aria-label="Nissan (3 products)">Nissan</a> | |||
| 14722 | <a href="#" class="tag-cloud-link tag-link-130 tag-link-position-9" style="font-size: 8pt;" aria-label="Toyota (2 products)">Toyota</a> | 14722 | <a href="#" class="tag-cloud-link tag-link-130 tag-link-position-9" style="font-size: 8pt;" aria-label="Toyota (2 products)">Toyota</a> | |||
| 14723 | </div> | 14723 | </div> | |||
| 14724 | </div> | 14724 | </div> | |||
| 14725 | </div> | 14725 | </div> | |||
| 14726 | </div> | 14726 | </div> | |||
| 14727 | </div> | 14727 | </div> | |||
| 14728 | </div> | 14728 | </div> | |||
| 14729 | </div> | 14729 | </div> | |||
| 14730 | </div> | 14730 | </div> | |||
| 14731 | <div class="section section-default mt-0 mb-0" style="margin-top: 10px; padding-top: 40px; padding-bottom: 25px; background-color: #f4f4f4;"> | 14731 | <div class="section section-default mt-0 mb-0" style="margin-top: 10px; padding-top: 40px; padding-bottom: 25px; background-color: #f4f4f4;"> | |||
| 14732 | <div class="container"> | 14732 | <div class="container"> | |||
| 14733 | <div class="row"> | 14733 | <div class="row"> | |||
| 14734 | <div class="vc_column_container col-md-12"> | 14734 | <div class="vc_column_container col-md-12"> | |||
| 14735 | <div class="wpb_wrapper vc_column-inner"> | 14735 | <div class="wpb_wrapper vc_column-inner"> | |||
| 14736 | <style scope="scope"> | 14736 | <style scope="scope"> | |||
| 14737 | #latest-grid .products { | 14737 | #latest-grid .products { | |||
| 14738 | margin-left: -1px; | 14738 | margin-left: -1px; | |||
| 14739 | margin-right: -1px; | 14739 | margin-right: -1px; | |||
| 14740 | } | 14740 | } | |||
| 14741 | #latest-grid li.product { | 14741 | #latest-grid li.product { | |||
| 14742 | padding-left: 1px; | 14742 | padding-left: 1px; | |||
| 14743 | padding-right: 1px; | 14743 | padding-right: 1px; | |||
| 14744 | margin-bottom: 2px; | 14744 | margin-bottom: 2px; | |||
| 14745 | } | 14745 | } | |||
| 14746 | .products-list .product-item-details .product-item-name a { | 14746 | .products-list .product-item-details .product-item-name a { | |||
| 14747 | font-size: .9375rem; | 14747 | font-size: .9375rem; | |||
| 14748 | font-weight: 400; | 14748 | font-weight: 400; | |||
| 14749 | } | 14749 | } | |||
| 14750 | </style> | 14750 | </style> | |||
| 14751 | <div id="latest-grid" class="porto-products wpb_content_element mb-0 products-list"> | 14751 | <div id="latest-grid" class="porto-products wpb_content_element mb-0 products-list"> | |||
| 14752 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest" aspect_ratio="0" column_count="3" product_count="6" image_width="250" image_width="290" product_type="12" template="grid.phtml"}} | 14752 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest" aspect_ratio="0" column_count="3" product_count="6" image_width="250" image_width="290" product_type="12" template="grid.phtml"}} | |||
| 14753 | </div> | 14753 | </div> | |||
| 14754 | </div> | 14754 | </div> | |||
| 14755 | </div> | 14755 | </div> | |||
| 14756 | </div> | 14756 | </div> | |||
| 14757 | </div> | 14757 | </div> | |||
| 14758 | </div> | 14758 | </div> | |||
| 14759 | <div class="porto-inner-container" style="padding-top: 40px;"> | 14759 | <div class="porto-inner-container" style="padding-top: 40px;"> | |||
| 14760 | <style> | 14760 | <style> | |||
| 14761 | .top-heading i { | 14761 | .top-heading i { | |||
| 14762 | font-weight: 700; | 14762 | font-weight: 700; | |||
| 14763 | font-style: normal; | 14763 | font-style: normal; | |||
| 14764 | display: inline-block; | 14764 | display: inline-block; | |||
| 14765 | padding: 8px .5em; | 14765 | padding: 8px .5em; | |||
| 14766 | margin-right: .25em; | 14766 | margin-right: .25em; | |||
| 14767 | background: linear-gradient(to right,#ec7200,#ffaa01); | 14767 | background: linear-gradient(to right,#ec7200,#ffaa01); | |||
| 14768 | color: #fff; | 14768 | color: #fff; | |||
| 14769 | transform: rotate( | 14769 | transform: rotate( | |||
| 14770 | -1deg | 14770 | -1deg | |||
| 14771 | ); | 14771 | ); | |||
| 14772 | } | 14772 | } | |||
| 14773 | body .row.vc_column-gap-2>.column_container { | 14773 | body .row.vc_column-gap-2>.column_container { | |||
| 14774 | padding: 1px; | 14774 | padding: 1px; | |||
| 14775 | } | 14775 | } | |||
| 14776 | .home-ads>.column_container>.vc_column-inner { | 14776 | .home-ads>.column_container>.vc_column-inner { | |||
| 14777 | display: -ms-flexbox; | 14777 | display: -ms-flexbox; | |||
| 14778 | display: flex; | 14778 | display: flex; | |||
| 14779 | -ms-flex-pack: center; | 14779 | -ms-flex-pack: center; | |||
| 14780 | justify-content: center; | 14780 | justify-content: center; | |||
| 14781 | background: #f4f4f4; | 14781 | background: #f4f4f4; | |||
| 14782 | padding: 20px 10px; | 14782 | padding: 20px 10px; | |||
| 14783 | height: 100%; | 14783 | height: 100%; | |||
| 14784 | } | 14784 | } | |||
| 14785 | </style> | 14785 | </style> | |||
| 14786 | <div class="container"> | 14786 | <div class="container"> | |||
| 14787 | <div class="row"> | 14787 | <div class="row"> | |||
| 14788 | <div class="col-md-12"> | 14788 | <div class="col-md-12"> | |||
| 14789 | <div class="wpb_wrapper vc_column-inner"> | 14789 | <div class="wpb_wrapper vc_column-inner"> | |||
| 14790 | <div class="vc_row wpb_row vc_inner row mx-0 px-4 py-3 home-banner align-items-center" | 14790 | <div class="vc_row wpb_row vc_inner row mx-0 px-4 py-3 home-banner align-items-center" | |||
| 14791 | style="background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/25/shop25_home_banner3.jpg"}}'); | 14791 | style="background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/25/shop25_home_banner3.jpg"}}'); | |||
| 14792 | margin-bottom: 35px; | 14792 | margin-bottom: 35px; | |||
| 14793 | background-position: center; | 14793 | background-position: center; | |||
| 14794 | background-repeat: no-repeat; | 14794 | background-repeat: no-repeat; | |||
| 14795 | background-size: cover;"> | 14795 | background-size: cover;"> | |||
| 14796 | <div class="mb-3 mb-lg-0 col-md-12 col-lg-9"> | 14796 | <div class="mb-3 mb-lg-0 col-md-12 col-lg-9"> | |||
| 14797 | <div class="wpb_wrapper vc_column-inner"> | 14797 | <div class="wpb_wrapper vc_column-inner"> | |||
| 14798 | <h2 style="font-size: 20.5px; line-height: 1.2; font-weight: 700;" class="vc_custom_heading top-heading mb-0 mr-3 d-inline-block align-left text-uppercase heading-light"> | 14798 | <h2 style="font-size: 20.5px; line-height: 1.2; font-weight: 700;" class="vc_custom_heading top-heading mb-0 mr-3 d-inline-block align-left text-uppercase heading-light"> | |||
| 14799 | <i>BIG SALE</i> ALL HIGH PERFORMANCE ITEMS UP TO 70% OFF | 14799 | <i>BIG SALE</i> ALL HIGH PERFORMANCE ITEMS UP TO 70% OFF | |||
| 14800 | </h2> | 14800 | </h2> | |||
| 14801 | <h6 style="font-size: 13px; color: rgba(255, 255, 255, 0.7); line-height: 1.5; font-weight: 500;" class="vc_custom_heading d-inline-block mb-0 align-left">Online Purchases Only</h6> | 14801 | <h6 style="font-size: 13px; color: rgba(255, 255, 255, 0.7); line-height: 1.5; font-weight: 500;" class="vc_custom_heading d-inline-block mb-0 align-left">Online Purchases Only</h6> | |||
| 14802 | </div> | 14802 | </div> | |||
| 14803 | </div> | 14803 | </div> | |||
| 14804 | <div class="col-md-12 col-lg-3"> | 14804 | <div class="col-md-12 col-lg-3"> | |||
| 14805 | <div class="wpb_wrapper vc_column-inner"> | 14805 | <div class="wpb_wrapper vc_column-inner"> | |||
| 14806 | <div class="btn-container mb-0 text-lg-right text-left"><button class="btn btn-modern btn-lg btn-light">View Sale</button></div> | 14806 | <div class="btn-container mb-0 text-lg-right text-left"><button class="btn btn-modern btn-lg btn-light">View Sale</button></div> | |||
| 14807 | </div> | 14807 | </div> | |||
| 14808 | </div> | 14808 | </div> | |||
| 14809 | </div> | 14809 | </div> | |||
| 14810 | <div class="porto-products wpb_content_element title-border-bottom mb-0"> | 14810 | <div class="porto-products wpb_content_element title-border-bottom mb-0"> | |||
| 14811 | <h2 class="section-title"><span class="inline-title">TOP SELLER</span><span class="line"></span></h2> | 14811 | <h2 class="section-title"><span class="inline-title">TOP SELLER</span><span class="line"></span></h2> | |||
| 14812 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="latest_product" product_count="6" column_count="6" aspect_ratio="0" image_width="250" image_height="250" template="grid.phtml"}} | 14812 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="latest_product" product_count="6" column_count="6" aspect_ratio="0" image_width="250" image_height="250" template="grid.phtml"}} | |||
| 14813 | </div> | 14813 | </div> | |||
| 14814 | <div class="row no-padding home-ads vc_column-gap-2" style="margin-right: -1px; margin-bottom: 40px; margin-left: -1px;"> | 14814 | <div class="row no-padding home-ads vc_column-gap-2" style="margin-right: -1px; margin-bottom: 40px; margin-left: -1px;"> | |||
| 14815 | <div class="column_container col-md-12 col-lg-4"> | 14815 | <div class="column_container col-md-12 col-lg-4"> | |||
| 14816 | <div class="wpb_wrapper vc_column-inner"> | 14816 | <div class="wpb_wrapper vc_column-inner"> | |||
| 14817 | <div class="porto-sicon-box style_1 default-icon"> | 14817 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 14818 | <div class="porto-sicon-default"> | 14818 | <div class="porto-sicon-default"> | |||
| 14819 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 14819 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 14820 | <div class="porto-icon none" style="color: #ec7200; font-size: 32px; display: inline-block;"><i class="porto-icon-shipping"></i></div> | 14820 | <div class="porto-icon none" style="color: #ec7200; font-size: 32px; display: inline-block;"><i class="porto-icon-shipping"></i></div> | |||
| 14821 | </div> | 14821 | </div> | |||
| 14822 | </div> | 14822 | </div> | |||
| 14823 | <div class="porto-sicon-header"> | 14823 | <div class="porto-sicon-header"> | |||
| 14824 | <h4 class="porto-sicon-title" style="font-weight: 600; font-size: 15px; line-height: 15px;">Free Shipping on Orders Over $99</h4> | 14824 | <h4 class="porto-sicon-title" style="font-weight: 600; font-size: 15px; line-height: 15px;">Free Shipping on Orders Over $99</h4> | |||
| 14825 | <p style="font-size: 13px; line-height: 13px;">For more than 100,000 parts!</p> | 14825 | <p style="font-size: 13px; line-height: 13px;">For more than 100,000 parts!</p> | |||
| 14826 | </div> | 14826 | </div> | |||
| 14827 | </div> | 14827 | </div> | |||
| 14828 | </div> | 14828 | </div> | |||
| 14829 | </div> | 14829 | </div> | |||
| 14830 | <div class="column_container col-md-12 col-lg-4"> | 14830 | <div class="column_container col-md-12 col-lg-4"> | |||
| 14831 | <div class="wpb_wrapper vc_column-inner"> | 14831 | <div class="wpb_wrapper vc_column-inner"> | |||
| 14832 | <div class="porto-sicon-box style_1 default-icon"> | 14832 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 14833 | <div class="porto-sicon-default"> | 14833 | <div class="porto-sicon-default"> | |||
| 14834 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 14834 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 14835 | <div class="porto-icon none" style="color: #ec7200; font-size: 32px; display: inline-block;"><i class="porto-icon-money"></i></div> | 14835 | <div class="porto-icon none" style="color: #ec7200; font-size: 32px; display: inline-block;"><i class="porto-icon-money"></i></div> | |||
| 14836 | </div> | 14836 | </div> | |||
| 14837 | </div> | 14837 | </div> | |||
| 14838 | <div class="porto-sicon-header"> | 14838 | <div class="porto-sicon-header"> | |||
| 14839 | <h4 class="porto-sicon-title" style="font-weight: 600; font-size: 15px; line-height: 15px;">Up to 40% OFF on Selected Items</h4> | 14839 | <h4 class="porto-sicon-title" style="font-weight: 600; font-size: 15px; line-height: 15px;">Up to 40% OFF on Selected Items</h4> | |||
| 14840 | <p style="font-size: 13px; line-height: 13px;">Available for all Categories!</p> | 14840 | <p style="font-size: 13px; line-height: 13px;">Available for all Categories!</p> | |||
| 14841 | </div> | 14841 | </div> | |||
| 14842 | </div> | 14842 | </div> | |||
| 14843 | </div> | 14843 | </div> | |||
| 14844 | </div> | 14844 | </div> | |||
| 14845 | <div class="column_container col-md-12 col-lg-4"> | 14845 | <div class="column_container col-md-12 col-lg-4"> | |||
| 14846 | <div class="wpb_wrapper vc_column-inner"> | 14846 | <div class="wpb_wrapper vc_column-inner"> | |||
| 14847 | <div class="porto-sicon-box style_1 default-icon"> | 14847 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 14848 | <div class="porto-sicon-default"> | 14848 | <div class="porto-sicon-default"> | |||
| 14849 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 14849 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 14850 | <div class="porto-icon none" style="color: #ec7200; font-size: 32px; display: inline-block;"><i class="porto-icon-secure-payment"></i></div> | 14850 | <div class="porto-icon none" style="color: #ec7200; font-size: 32px; display: inline-block;"><i class="porto-icon-secure-payment"></i></div> | |||
| 14851 | </div> | 14851 | </div> | |||
| 14852 | </div> | 14852 | </div> | |||
| 14853 | <div class="porto-sicon-header"> | 14853 | <div class="porto-sicon-header"> | |||
| 14854 | <h4 class="porto-sicon-title" style="font-weight: 600; font-size: 15px; line-height: 15px;">100% Secure Payment</h4> | 14854 | <h4 class="porto-sicon-title" style="font-weight: 600; font-size: 15px; line-height: 15px;">100% Secure Payment</h4> | |||
| 14855 | <p style="font-size: 13px; line-height: 13px;">We ensure secure payment!</p> | 14855 | <p style="font-size: 13px; line-height: 13px;">We ensure secure payment!</p> | |||
| 14856 | </div> | 14856 | </div> | |||
| 14857 | </div> | 14857 | </div> | |||
| 14858 | </div> | 14858 | </div> | |||
| 14859 | </div> | 14859 | </div> | |||
| 14860 | </div> | 14860 | </div> | |||
| 14861 | <style> | 14861 | <style> | |||
| 14862 | .heading1008926591 h3 { | 14862 | .heading1008926591 h3 { | |||
| 14863 | border-bottom-color: #e1e1e1 !important; | 14863 | border-bottom-color: #e1e1e1 !important; | |||
| 14864 | } | 14864 | } | |||
| 14865 | </style> | 14865 | </style> | |||
| 14866 | <div class="vc_custom_heading m-b-xl align-left heading heading-border heading-bottom-border heading-border-xs heading1008926591"> | 14866 | <div class="vc_custom_heading m-b-xl align-left heading heading-border heading-bottom-border heading-border-xs heading1008926591"> | |||
| 14867 | <h3 style="font-size: 16px; line-height: 1; font-weight: 600;" class="heading-tag text-uppercase">brands we trust</h3> | 14867 | <h3 style="font-size: 16px; line-height: 1; font-weight: 600;" class="heading-tag text-uppercase">brands we trust</h3> | |||
| 14868 | </div> | 14868 | </div> | |||
| 14869 | <div class="porto-carousel brand-carousel owl-carousel m-b-xl"> | 14869 | <div class="porto-carousel brand-carousel owl-carousel m-b-xl"> | |||
| 14870 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand1.png"}}" alt="" /></div> | 14870 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand1.png"}}" alt="" /></div> | |||
| 14871 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand2.png"}}" alt="" /></div> | 14871 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand2.png"}}" alt="" /></div> | |||
| 14872 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand3.png"}}" alt="" /></div> | 14872 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand3.png"}}" alt="" /></div> | |||
| 14873 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand4.png"}}" alt="" /></div> | 14873 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand4.png"}}" alt="" /></div> | |||
| 14874 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand5.png"}}" alt="" /></div> | 14874 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand5.png"}}" alt="" /></div> | |||
| 14875 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand6.png"}}" alt="" /></div> | 14875 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand6.png"}}" alt="" /></div> | |||
| 14876 | </div> | 14876 | </div> | |||
| 14877 | <script type="text/javascript"> | 14877 | <script type="text/javascript"> | |||
| 14878 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | 14878 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | |||
| 14879 | $(".brand-carousel.owl-carousel").owlCarousel({ | 14879 | $(".brand-carousel.owl-carousel").owlCarousel({ | |||
| 14880 | autoplay: true, | 14880 | autoplay: true, | |||
| 14881 | autoplayTimeout: 5000, | 14881 | autoplayTimeout: 5000, | |||
| 14882 | autoplayHoverPause: true, | 14882 | autoplayHoverPause: true, | |||
| 14883 | nav: false, | 14883 | nav: false, | |||
| 14884 | dots: false, | 14884 | dots: false, | |||
| 14885 | loop: true, | 14885 | loop: true, | |||
| 14886 | responsive: { | 14886 | responsive: { | |||
| 14887 | 0: { | 14887 | 0: { | |||
| 14888 | items: 2, | 14888 | items: 2, | |||
| 14889 | }, | 14889 | }, | |||
| 14890 | 640: { | 14890 | 640: { | |||
| 14891 | items: 2, | 14891 | items: 2, | |||
| 14892 | }, | 14892 | }, | |||
| 14893 | 768: { | 14893 | 768: { | |||
| 14894 | items: 3, | 14894 | items: 3, | |||
| 14895 | }, | 14895 | }, | |||
| 14896 | 992: { | 14896 | 992: { | |||
| 14897 | items: 4, | 14897 | items: 4, | |||
| 14898 | }, | 14898 | }, | |||
| 14899 | 1200: { | 14899 | 1200: { | |||
| 14900 | items: 6, | 14900 | items: 6, | |||
| 14901 | }, | 14901 | }, | |||
| 14902 | }, | 14902 | }, | |||
| 14903 | }); | 14903 | }); | |||
| 14904 | }); | 14904 | }); | |||
| 14905 | </script> | 14905 | </script> | |||
| 14906 | </div> | 14906 | </div> | |||
| 14907 | </div> | 14907 | </div> | |||
| 14908 | </div> | 14908 | </div> | |||
| 14909 | </div> | 14909 | </div> | |||
| 14910 | </div> | 14910 | </div> | |||
| 14911 | <div class="section mt-0 mb-0 porto-inner-container" style="padding-bottom: 20px;background-color: #f4f4f4;"> | 14911 | <div class="section mt-0 mb-0 porto-inner-container" style="padding-bottom: 20px;background-color: #f4f4f4;"> | |||
| 14912 | <style> | 14912 | <style> | |||
| 14913 | .porto-recent-posts .post-date .day { | 14913 | .porto-recent-posts .post-date .day { | |||
| 14914 | background: #323232; | 14914 | background: #323232; | |||
| 14915 | color: #fff; | 14915 | color: #fff; | |||
| 14916 | padding-bottom: 0; | 14916 | padding-bottom: 0; | |||
| 14917 | line-height: 1; | 14917 | line-height: 1; | |||
| 14918 | font-size: 18px; | 14918 | font-size: 18px; | |||
| 14919 | } | 14919 | } | |||
| 14920 | .porto-recent-posts .post-date .month { | 14920 | .porto-recent-posts .post-date .month { | |||
| 14921 | background: #323232; | 14921 | background: #323232; | |||
| 14922 | line-height: 1.2; | 14922 | line-height: 1.2; | |||
| 14923 | padding-bottom: 10px; | 14923 | padding-bottom: 10px; | |||
| 14924 | text-transform: uppercase; | 14924 | text-transform: uppercase; | |||
| 14925 | opacity: 1; | 14925 | opacity: 1; | |||
| 14926 | } | 14926 | } | |||
| 14927 | .porto-recent-posts .post-item .post-excerpt { | 14927 | .porto-recent-posts .post-item .post-excerpt { | |||
| 14928 | font-size: 1em; | 14928 | font-size: 1em; | |||
| 14929 | } | 14929 | } | |||
| 14930 | .post-item .read-more, .post-item .read-more-block { | 14930 | .post-item .read-more, .post-item .read-more-block { | |||
| 14931 | font-weight: 400; | 14931 | font-weight: 400; | |||
| 14932 | color: #ec7200; | 14932 | color: #ec7200; | |||
| 14933 | display: inline-block; | 14933 | display: inline-block; | |||
| 14934 | } | 14934 | } | |||
| 14935 | </style> | 14935 | </style> | |||
| 14936 | <div class="container"> | 14936 | <div class="container"> | |||
| 14937 | <div class="row"> | 14937 | <div class="row"> | |||
| 14938 | <div class="col-md-12"> | 14938 | <div class="col-md-12"> | |||
| 14939 | <div class="wpb_wrapper vc_column-inner"> | 14939 | <div class="wpb_wrapper vc_column-inner"> | |||
| 14940 | <div class="porto-recent-posts wpb_content_element mb-0"> | 14940 | <div class="porto-recent-posts wpb_content_element mb-0"> | |||
| 14941 | <div class="row"> | 14941 | <div class="row"> | |||
| 14942 | <div class="post-carousel porto-carousel owl-carousel dots-style-1 nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover"> | 14942 | <div class="post-carousel porto-carousel owl-carousel dots-style-1 nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover"> | |||
| 14943 | {{widget type="Magefan\Blog\Block\Widget\Recent" number_of_posts="4" custom_template="recent_home.phtml"}} | 14943 | {{widget type="Magefan\Blog\Block\Widget\Recent" number_of_posts="4" custom_template="recent_home.phtml"}} | |||
| 14944 | </div> | 14944 | </div> | |||
| 14945 | </div> | 14945 | </div> | |||
| 14946 | <script type="text/javascript"> | 14946 | <script type="text/javascript"> | |||
| 14947 | require([ | 14947 | require([ | |||
| 14948 | 'jquery', | 14948 | 'jquery', | |||
| 14949 | 'owl.carousel/owl.carousel.min' | 14949 | 'owl.carousel/owl.carousel.min' | |||
| 14950 | ], function ($) { | 14950 | ], function ($) { | |||
| 14951 | $(".porto-recent-posts .owl-carousel").owlCarousel({ | 14951 | $(".porto-recent-posts .owl-carousel").owlCarousel({ | |||
| 14952 | autoplay: false, | 14952 | autoplay: false, | |||
| 14953 | autoplayTimeout: 5000, | 14953 | autoplayTimeout: 5000, | |||
| 14954 | autoplayHoverPause: true, | 14954 | autoplayHoverPause: true, | |||
| 14955 | loop: true, | 14955 | loop: true, | |||
| 14956 | navRewind: true, | 14956 | navRewind: true, | |||
| 14957 | lazyLoad:true, | 14957 | lazyLoad:true, | |||
| 14958 | margin: 0, | 14958 | margin: 0, | |||
| 14959 | nav: false, | 14959 | nav: false, | |||
| 14960 | dots: false, | 14960 | dots: false, | |||
| 14961 | responsive: { | 14961 | responsive: { | |||
| 14962 | 0: { | 14962 | 0: { | |||
| 14963 | items:1 | 14963 | items:1 | |||
| 14964 | }, | 14964 | }, | |||
| 14965 | 640: { | 14965 | 640: { | |||
| 14966 | items:2 | 14966 | items:2 | |||
| 14967 | }, | 14967 | }, | |||
| 14968 | 768: { | 14968 | 768: { | |||
| 14969 | items:2 | 14969 | items:2 | |||
| 14970 | }, | 14970 | }, | |||
| 14971 | 992: { | 14971 | 992: { | |||
| 14972 | items:3 | 14972 | items:3 | |||
| 14973 | }, | 14973 | }, | |||
| 14974 | 1200: { | 14974 | 1200: { | |||
| 14975 | items:3 | 14975 | items:3 | |||
| 14976 | } | 14976 | } | |||
| 14977 | } | 14977 | } | |||
| 14978 | }); | 14978 | }); | |||
| 14979 | }); | 14979 | }); | |||
| 14980 | </script> | 14980 | </script> | |||
| 14981 | </div> | 14981 | </div> | |||
| 14982 | </div> | 14982 | </div> | |||
| 14983 | </div> | 14983 | </div> | |||
| 14984 | </div> | 14984 | </div> | |||
| 14985 | </div> | 14985 | </div> | |||
| 14986 | </div> | 14986 | </div> | |||
| 14987 | ]]> | 14987 | ]]> | |||
| 14988 | </content> | 14988 | </content> | |||
| 14989 | 14989 | |||||
| 14990 | <is_active> | 14990 | <is_active> | |||
| 14991 | 1 | 14991 | 1 | |||
| 14992 | </is_active> | 14992 | </is_active> | |||
| 14993 | 14993 | |||||
| 14994 | <page_layout> | 14994 | <page_layout> | |||
| 14995 | 1column | 14995 | 1column | |||
| 14996 | </page_layout> | 14996 | </page_layout> | |||
| 14997 | 14997 | |||||
| 14998 | <layout_update_xml> | 14998 | <layout_update_xml> | |||
| 14999 | <![CDATA[]]> | 14999 | <![CDATA[]]> | |||
| 15000 | </layout_update_xml> | 15000 | </layout_update_xml> | |||
| 15001 | 15001 | |||||
| 15002 | </cms_item> | 15002 | </cms_item> | |||
| 15003 | 15003 | |||||
| 15004 | <cms_item> | 15004 | <cms_item> | |||
| 15005 | 15005 | |||||
| 15006 | <title> | 15006 | <title> | |||
| 15007 | Porto - Homepage 26 | 15007 | Porto - Homepage 26 | |||
| 15008 | </title> | 15008 | </title> | |||
| 15009 | 15009 | |||||
| 15010 | <identifier> | 15010 | <identifier> | |||
| 15011 | porto_home_26 | 15011 | porto_home_26 | |||
| 15012 | </identifier> | 15012 | </identifier> | |||
| 15013 | 15013 | |||||
| 15014 | <content> | 15014 | <content> | |||
| 15015 | <![CDATA[<style> | 15015 | <![CDATA[<style> | |||
| 15016 | .cms-index-index.layout-1220 .page-main { | 15016 | .cms-index-index.layout-1220 .page-main { | |||
| 15017 | max-width: 100%; | 15017 | max-width: 100%; | |||
| 15018 | } | 15018 | } | |||
| 15019 | .columns .column.main { | 15019 | .columns .column.main { | |||
| 15020 | padding: 0; | 15020 | padding: 0; | |||
| 15021 | } | 15021 | } | |||
| 15022 | .porto-u-heading .porto-u-main-heading h1, | 15022 | .porto-u-heading .porto-u-main-heading h1, | |||
| 15023 | .porto-u-heading .porto-u-main-heading h2, | 15023 | .porto-u-heading .porto-u-main-heading h2, | |||
| 15024 | .porto-u-heading .porto-u-main-heading h3, | 15024 | .porto-u-heading .porto-u-main-heading h3, | |||
| 15025 | .porto-u-heading .porto-u-main-heading h4, | 15025 | .porto-u-heading .porto-u-main-heading h4, | |||
| 15026 | .porto-u-heading .porto-u-main-heading h5, | 15026 | .porto-u-heading .porto-u-main-heading h5, | |||
| 15027 | .porto-u-heading .porto-u-main-heading h6 { | 15027 | .porto-u-heading .porto-u-main-heading h6 { | |||
| 15028 | margin: 0; | 15028 | margin: 0; | |||
| 15029 | padding: 0; | 15029 | padding: 0; | |||
| 15030 | } | 15030 | } | |||
| 15031 | .wpb_single_image.vc_align_center { | 15031 | .wpb_single_image.vc_align_center { | |||
| 15032 | text-align: center; | 15032 | text-align: center; | |||
| 15033 | } | 15033 | } | |||
| 15034 | .wpb_single_image .vc_single_image-wrapper { | 15034 | .wpb_single_image .vc_single_image-wrapper { | |||
| 15035 | display: inline-block; | 15035 | display: inline-block; | |||
| 15036 | vertical-align: top; | 15036 | vertical-align: top; | |||
| 15037 | max-width: 100%; | 15037 | max-width: 100%; | |||
| 15038 | } | 15038 | } | |||
| 15039 | .home-slider { | 15039 | .home-slider { | |||
| 15040 | position: relative; | 15040 | position: relative; | |||
| 15041 | } | 15041 | } | |||
| 15042 | .home-slider:before { | 15042 | .home-slider:before { | |||
| 15043 | content: ''; | 15043 | content: ''; | |||
| 15044 | position: absolute; | 15044 | position: absolute; | |||
| 15045 | top: 0; | 15045 | top: 0; | |||
| 15046 | left: 0; | 15046 | left: 0; | |||
| 15047 | right: 0; | 15047 | right: 0; | |||
| 15048 | height: 61%; | 15048 | height: 61%; | |||
| 15049 | display: block; | 15049 | display: block; | |||
| 15050 | background: #f7f6f7; | 15050 | background: #f7f6f7; | |||
| 15051 | } | 15051 | } | |||
| 15052 | .home-slider .btn, .porto-ultimate-content-box .btn { | 15052 | .home-slider .btn, .porto-ultimate-content-box .btn { | |||
| 15053 | padding: 1.125em 4em; | 15053 | padding: 1.125em 4em; | |||
| 15054 | } | 15054 | } | |||
| 15055 | .home-slider .pl-lg-5 { | 15055 | .home-slider .pl-lg-5 { | |||
| 15056 | justify-content: center; | 15056 | justify-content: center; | |||
| 15057 | } | 15057 | } | |||
| 15058 | .home-slider .pl-lg-5>.vc_column-inner { | 15058 | .home-slider .pl-lg-5>.vc_column-inner { | |||
| 15059 | width: auto; | 15059 | width: auto; | |||
| 15060 | flex: 0 0 auto!important; | 15060 | flex: 0 0 auto!important; | |||
| 15061 | } | 15061 | } | |||
| 15062 | .home-slider .slash-bg { | 15062 | .home-slider .slash-bg { | |||
| 15063 | background-position: left center!important; | 15063 | background-position: left center!important; | |||
| 15064 | } | 15064 | } | |||
| 15065 | .home-slider .vc_custom_heading b { | 15065 | .home-slider .vc_custom_heading b { | |||
| 15066 | display: inline-block; | 15066 | display: inline-block; | |||
| 15067 | color: #b35827; | 15067 | color: #b35827; | |||
| 15068 | font-size: 2em; | 15068 | font-size: 2em; | |||
| 15069 | position: relative; | 15069 | position: relative; | |||
| 15070 | top: .08em; | 15070 | top: .08em; | |||
| 15071 | line-height: 1; | 15071 | line-height: 1; | |||
| 15072 | vertical-align: middle; | 15072 | vertical-align: middle; | |||
| 15073 | } | 15073 | } | |||
| 15074 | .home-slider .vc_custom_heading b small { | 15074 | .home-slider .vc_custom_heading b small { | |||
| 15075 | font-size: 50%; | 15075 | font-size: 50%; | |||
| 15076 | line-height: 1.6; | 15076 | line-height: 1.6; | |||
| 15077 | vertical-align: top; | 15077 | vertical-align: top; | |||
| 15078 | font-weight: inherit; | 15078 | font-weight: inherit; | |||
| 15079 | } | 15079 | } | |||
| 15080 | @media (min-width: 576px) { | 15080 | @media (min-width: 576px) { | |||
| 15081 | .pull-sm-left { | 15081 | .pull-sm-left { | |||
| 15082 | float: left; | 15082 | float: left; | |||
| 15083 | } | 15083 | } | |||
| 15084 | } | 15084 | } | |||
| 15085 | </style> | 15085 | </style> | |||
| 15086 | <div class="home-slider porto-inner-container" style="margin-bottom: 35px; border-bottom: 1px solid #e7e7e7;"> | 15086 | <div class="home-slider porto-inner-container" style="margin-bottom: 35px; border-bottom: 1px solid #e7e7e7;"> | |||
| 15087 | <div class="porto-wrap-container container"> | 15087 | <div class="porto-wrap-container container"> | |||
| 15088 | <div class="row"> | 15088 | <div class="row"> | |||
| 15089 | <div class="col-md-12"> | 15089 | <div class="col-md-12"> | |||
| 15090 | <div class="wpb_wrapper vc_column-inner"> | 15090 | <div class="wpb_wrapper vc_column-inner"> | |||
| 15091 | <div id="banner-slider-demo-26" class="porto-carousel owl-carousel mb-0 nav-pos-outside nav-style-4"> | 15091 | <div id="banner-slider-demo-26" class="porto-carousel owl-carousel mb-0 nav-pos-outside nav-style-4"> | |||
| 15092 | <div class="row no-padding"> | 15092 | <div class="row no-padding"> | |||
| 15093 | <div class="py-5 pl-lg-5 col-md-12 col-lg-4 d-flex align-items-center"> | 15093 | <div class="py-5 pl-lg-5 col-md-12 col-lg-4 d-flex align-items-center"> | |||
| 15094 | <div class="wpb_wrapper vc_column-inner d-flex flex-column justify-content-center"> | 15094 | <div class="wpb_wrapper vc_column-inner d-flex flex-column justify-content-center"> | |||
| 15095 | <p style="font-size: 34px; color: #999999; line-height: 1; font-weight: 500;" class="vc_custom_heading mb-1 align-left text-uppercase">EXTRA</p> | 15095 | <p style="font-size: 34px; color: #999999; line-height: 1; font-weight: 500;" class="vc_custom_heading mb-1 align-left text-uppercase">EXTRA</p> | |||
| 15096 | <h3 style="font-size: 69px; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-1 align-left text-uppercase">20% OFF</h3> | 15096 | <h3 style="font-size: 69px; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-1 align-left text-uppercase">20% OFF</h3> | |||
| 15097 | <div class="vc_custom_heading mb-3 heading heading-border heading-dark heading-middle-border heading-middle-border-center heading-border-xl"> | 15097 | <div class="vc_custom_heading mb-3 heading heading-border heading-dark heading-middle-border heading-middle-border-center heading-border-xl"> | |||
| 15098 | <h3 style="font-size: 34px; line-height: 1; text-align: center; font-weight: 700;border-color: #222529;" class="heading-tag text-uppercase">BIKES</h3> | 15098 | <h3 style="font-size: 34px; line-height: 1; text-align: center; font-weight: 700;border-color: #222529;" class="heading-tag text-uppercase">BIKES</h3> | |||
| 15099 | </div> | 15099 | </div> | |||
| 15100 | <h3 style="font-size: 39px; line-height: 1; font-weight: 700; letter-spacing: 0.005em;" class="vc_custom_heading pb-4 mb-4 mb-lg-5 custom-font4 align-left">Summer Sale</h3> | 15100 | <h3 style="font-size: 39px; line-height: 1; font-weight: 700; letter-spacing: 0.005em;" class="vc_custom_heading pb-4 mb-4 mb-lg-5 custom-font4 align-left">Summer Sale</h3> | |||
| 15101 | <div class="btn-container mb-0 d-inline"><button class="btn btn-xl btn-dark">SHOP ALL SALE</button></div> | 15101 | <div class="btn-container mb-0 d-inline"><button class="btn btn-xl btn-dark">SHOP ALL SALE</button></div> | |||
| 15102 | </div> | 15102 | </div> | |||
| 15103 | </div> | 15103 | </div> | |||
| 15104 | <div class="text-center text-lg-left pt-0 pt-lg-5 pb-5 slash-bg col-md-12 col-lg-8" | 15104 | <div class="text-center text-lg-left pt-0 pt-lg-5 pb-5 slash-bg col-md-12 col-lg-8" | |||
| 15105 | style="padding-left: 5%; | 15105 | style="padding-left: 5%; | |||
| 15106 | background: rgba(255, 255, 255, 0) url({{media url="wysiwyg/smartwave/porto/homepage/26/shop26_home_slide_bg.png"}}); | 15106 | background: rgba(255, 255, 255, 0) url({{media url="wysiwyg/smartwave/porto/homepage/26/shop26_home_slide_bg.png"}}); | |||
| 15107 | background-position: center; | 15107 | background-position: center; | |||
| 15108 | background-repeat: no-repeat; | 15108 | background-repeat: no-repeat; | |||
| 15109 | background-size: cover;"> | 15109 | background-size: cover;"> | |||
| 15110 | <div class="wpb_wrapper vc_column-inner"> | 15110 | <div class="wpb_wrapper vc_column-inner"> | |||
| 15111 | <div class="wpb_single_image wpb_content_element vc_align_left mb-5 text-center text-lg-left"> | 15111 | <div class="wpb_single_image wpb_content_element vc_align_left mb-5 text-center text-lg-left"> | |||
| 15112 | <div class="wpb_wrapper"> | 15112 | <div class="wpb_wrapper"> | |||
| 15113 | <div class="vc_single_image-wrapper vc_box_border_grey"> | 15113 | <div class="vc_single_image-wrapper vc_box_border_grey"> | |||
| 15114 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/26/shop26_home_slide1.png"}}" /> | 15114 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/26/shop26_home_slide1.png"}}" /> | |||
| 15115 | </div> | 15115 | </div> | |||
| 15116 | </div> | 15116 | </div> | |||
| 15117 | </div> | 15117 | </div> | |||
| 15118 | <div class="porto-ultimate-content-box-container mb-0"> | 15118 | <div class="porto-ultimate-content-box-container mb-0"> | |||
| 15119 | <div class="porto-ultimate-content-box"> | 15119 | <div class="porto-ultimate-content-box"> | |||
| 15120 | <h3 style="font-size: 18px; font-weight: 700;" class="vc_custom_heading mb-2 pull-sm-left mx-sm-5 align-left heading-dark"> | 15120 | <h3 style="font-size: 18px; font-weight: 700;" class="vc_custom_heading mb-2 pull-sm-left mx-sm-5 align-left heading-dark"> | |||
| 15121 | ONLY <b><small>$</small>399<small>99</small></b> | 15121 | ONLY <b><small>$</small>399<small>99</small></b> | |||
| 15122 | </h3> | 15122 | </h3> | |||
| 15123 | <div class="porto-u-heading mb-0 pl-lg-4 pull-sm-left"> | 15123 | <div class="porto-u-heading mb-0 pl-lg-4 pull-sm-left"> | |||
| 15124 | <div class="porto-u-main-heading"> | 15124 | <div class="porto-u-main-heading"> | |||
| 15125 | <h2 style="font-weight: 500; font-size: 16px; line-height: 16px;">Start Shopping Right Now</h2> | 15125 | <h2 style="font-weight: 500; font-size: 16px; line-height: 16px;">Start Shopping Right Now</h2> | |||
| 15126 | </div> | 15126 | </div> | |||
| 15127 | <div class="porto-u-sub-heading" style="font-size: 11px;">* Get Plus Discount Buying Package</div> | 15127 | <div class="porto-u-sub-heading" style="font-size: 11px;">* Get Plus Discount Buying Package</div> | |||
| 15128 | </div> | 15128 | </div> | |||
| 15129 | </div> | 15129 | </div> | |||
| 15130 | </div> | 15130 | </div> | |||
| 15131 | </div> | 15131 | </div> | |||
| 15132 | </div> | 15132 | </div> | |||
| 15133 | </div> | 15133 | </div> | |||
| 15134 | <div class="row no-padding"> | 15134 | <div class="row no-padding"> | |||
| 15135 | <div class="py-5 pl-lg-5 order-lg-2 col-md-12 col-lg-5 d-flex align-items-center"> | 15135 | <div class="py-5 pl-lg-5 order-lg-2 col-md-12 col-lg-5 d-flex align-items-center"> | |||
| 15136 | <div class="wpb_wrapper vc_column-inner"> | 15136 | <div class="wpb_wrapper vc_column-inner"> | |||
| 15137 | <p style="font-size: 34px; color: #999999; line-height: 1; font-weight: 500;" class="vc_custom_heading mb-1 align-left text-uppercase">EXTRA</p> | 15137 | <p style="font-size: 34px; color: #999999; line-height: 1; font-weight: 500;" class="vc_custom_heading mb-1 align-left text-uppercase">EXTRA</p> | |||
| 15138 | <h3 style="font-size: 69px; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-1 align-left text-uppercase">20% OFF</h3> | 15138 | <h3 style="font-size: 69px; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-1 align-left text-uppercase">20% OFF</h3> | |||
| 15139 | <div class="vc_custom_heading mb-3 heading heading-border heading-dark heading-middle-border heading-middle-border-center heading-border-xl"> | 15139 | <div class="vc_custom_heading mb-3 heading heading-border heading-dark heading-middle-border heading-middle-border-center heading-border-xl"> | |||
| 15140 | <h3 style="font-size: 34px; line-height: 1; text-align: center; font-weight: 700;border-color: #222529;" class="heading-tag text-uppercase">BIKES</h3> | 15140 | <h3 style="font-size: 34px; line-height: 1; text-align: center; font-weight: 700;border-color: #222529;" class="heading-tag text-uppercase">BIKES</h3> | |||
| 15141 | </div> | 15141 | </div> | |||
| 15142 | <h3 style="font-size: 39px; line-height: 1; font-weight: 700;" class="vc_custom_heading pb-4 mb-4 mb-lg-5 custom-font4 align-left">Summer Sale</h3> | 15142 | <h3 style="font-size: 39px; line-height: 1; font-weight: 700;" class="vc_custom_heading pb-4 mb-4 mb-lg-5 custom-font4 align-left">Summer Sale</h3> | |||
| 15143 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-xl btn-dark">SHOP ALL SALE</button></div> | 15143 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-xl btn-dark">SHOP ALL SALE</button></div> | |||
| 15144 | </div> | 15144 | </div> | |||
| 15145 | </div> | 15145 | </div> | |||
| 15146 | <div class="pt-lg-5 pb-5 col-md-12 col-lg-7" style="padding-left: 5%;"> | 15146 | <div class="pt-lg-5 pb-5 col-md-12 col-lg-7" style="padding-left: 5%;"> | |||
| 15147 | <div class="wpb_wrapper vc_column-inner"> | 15147 | <div class="wpb_wrapper vc_column-inner"> | |||
| 15148 | <div class="wpb_single_image wpb_content_element vc_align_left mb-5 text-center text-lg-right"> | 15148 | <div class="wpb_single_image wpb_content_element vc_align_left mb-5 text-center text-lg-right"> | |||
| 15149 | <div class="wpb_wrapper"> | 15149 | <div class="wpb_wrapper"> | |||
| 15150 | <div class="vc_single_image-wrapper vc_box_border_grey"> | 15150 | <div class="vc_single_image-wrapper vc_box_border_grey"> | |||
| 15151 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/26/shop26_home_slide2.png"}}" /> | 15151 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/26/shop26_home_slide2.png"}}" /> | |||
| 15152 | </div> | 15152 | </div> | |||
| 15153 | </div> | 15153 | </div> | |||
| 15154 | </div> | 15154 | </div> | |||
| 15155 | </div> | 15155 | </div> | |||
| 15156 | </div> | 15156 | </div> | |||
| 15157 | </div> | 15157 | </div> | |||
| 15158 | </div> | 15158 | </div> | |||
| 15159 | <script type="text/javascript"> | 15159 | <script type="text/javascript"> | |||
| 15160 | require([ | 15160 | require([ | |||
| 15161 | 'jquery', | 15161 | 'jquery', | |||
| 15162 | 'owl.carousel/owl.carousel.min' | 15162 | 'owl.carousel/owl.carousel.min' | |||
| 15163 | ], function ($) { | 15163 | ], function ($) { | |||
| 15164 | $("#banner-slider-demo-26").owlCarousel({ | 15164 | $("#banner-slider-demo-26").owlCarousel({ | |||
| 15165 | items: 1, | 15165 | items: 1, | |||
| 15166 | autoplay: false, | 15166 | autoplay: false, | |||
| 15167 | autoplayTimeout: 5000, | 15167 | autoplayTimeout: 5000, | |||
| 15168 | autoplayHoverPause: true, | 15168 | autoplayHoverPause: true, | |||
| 15169 | dots: false, | 15169 | dots: false, | |||
| 15170 | navRewind: true, | 15170 | navRewind: true, | |||
| 15171 | animateIn: 'fadeIn', | 15171 | animateIn: 'fadeIn', | |||
| 15172 | animateOut: 'fadeOut', | 15172 | animateOut: 'fadeOut', | |||
| 15173 | loop: false, | 15173 | loop: false, | |||
| 15174 | nav: true | 15174 | nav: true | |||
| 15175 | }); | 15175 | }); | |||
| 15176 | }); | 15176 | }); | |||
| 15177 | </script> | 15177 | </script> | |||
| 15178 | </div> | 15178 | </div> | |||
| 15179 | </div> | 15179 | </div> | |||
| 15180 | </div> | 15180 | </div> | |||
| 15181 | </div> | 15181 | </div> | |||
| 15182 | </div> | 15182 | </div> | |||
| 15183 | <div class="porto-inner-container"> | 15183 | <div class="porto-inner-container"> | |||
| 15184 | <div class="container"> | 15184 | <div class="container"> | |||
| 15185 | <div class="row"> | 15185 | <div class="row"> | |||
| 15186 | <div class="col-md-12"> | 15186 | <div class="col-md-12"> | |||
| 15187 | <div class="wpb_wrapper vc_column-inner"> | 15187 | <div class="wpb_wrapper vc_column-inner"> | |||
| 15188 | <div id="popular-products" class="porto-products wpb_content_element"> | 15188 | <div id="popular-products" class="porto-products wpb_content_element"> | |||
| 15189 | <h2 class="section-title text-center slider-title"><span class="inline-title">Most Popular Products</span><span class="line"></span></h2> | 15189 | <h2 class="section-title text-center slider-title"><span class="inline-title">Most Popular Products</span><span class="line"></span></h2> | |||
| 15190 | <div class="slider-wrapper"> | 15190 | <div class="slider-wrapper"> | |||
| 15191 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="popular_product" extra_class="dots-style-1" product_count="7" product_type="1" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | 15191 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="popular_product" extra_class="dots-style-1" product_count="7" product_type="1" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||
| 15192 | <script type="text/javascript"> | 15192 | <script type="text/javascript"> | |||
| 15193 | require([ | 15193 | require([ | |||
| 15194 | 'jquery', | 15194 | 'jquery', | |||
| 15195 | 'owl.carousel/owl.carousel.min' | 15195 | 'owl.carousel/owl.carousel.min' | |||
| 15196 | ], function ($) { | 15196 | ], function ($) { | |||
| 15197 | $("#popular-products .owl-carousel").owlCarousel({ | 15197 | $("#popular-products .owl-carousel").owlCarousel({ | |||
| 15198 | autoplay: false, | 15198 | autoplay: false, | |||
| 15199 | autoplayTimeout: 5000, | 15199 | autoplayTimeout: 5000, | |||
| 15200 | autoplayHoverPause: true, | 15200 | autoplayHoverPause: true, | |||
| 15201 | loop: true, | 15201 | loop: true, | |||
| 15202 | navRewind: true, | 15202 | navRewind: true, | |||
| 15203 | lazyLoad:true, | 15203 | lazyLoad:true, | |||
| 15204 | margin: 0, | 15204 | margin: 0, | |||
| 15205 | nav: false, | 15205 | nav: false, | |||
| 15206 | dots: false, | 15206 | dots: false, | |||
| 15207 | responsive: { | 15207 | responsive: { | |||
| 15208 | 0: { | 15208 | 0: { | |||
| 15209 | items:2 | 15209 | items:2 | |||
| 15210 | }, | 15210 | }, | |||
| 15211 | 640: { | 15211 | 640: { | |||
| 15212 | items:2 | 15212 | items:2 | |||
| 15213 | }, | 15213 | }, | |||
| 15214 | 768: { | 15214 | 768: { | |||
| 15215 | items:2 | 15215 | items:2 | |||
| 15216 | }, | 15216 | }, | |||
| 15217 | 992: { | 15217 | 992: { | |||
| 15218 | items:3 | 15218 | items:3 | |||
| 15219 | }, | 15219 | }, | |||
| 15220 | 1200: { | 15220 | 1200: { | |||
| 15221 | items:5 | 15221 | items:5 | |||
| 15222 | } | 15222 | } | |||
| 15223 | } | 15223 | } | |||
| 15224 | }); | 15224 | }); | |||
| 15225 | }); | 15225 | }); | |||
| 15226 | </script> | 15226 | </script> | |||
| 15227 | </div> | 15227 | </div> | |||
| 15228 | </div> | 15228 | </div> | |||
| 15229 | <style> | 15229 | <style> | |||
| 15230 | .bg-gray { | 15230 | .bg-gray { | |||
| 15231 | background: #f4f4f4; | 15231 | background: #f4f4f4; | |||
| 15232 | } | 15232 | } | |||
| 15233 | .bg-gray .porto-sicon-box { | 15233 | .bg-gray .porto-sicon-box { | |||
| 15234 | background: #fff; | 15234 | background: #fff; | |||
| 15235 | margin: 2px 0; | 15235 | margin: 2px 0; | |||
| 15236 | padding: 10px; | 15236 | padding: 10px; | |||
| 15237 | display: flex; | 15237 | display: flex; | |||
| 15238 | align-items: center; | 15238 | align-items: center; | |||
| 15239 | justify-content: center; | 15239 | justify-content: center; | |||
| 15240 | } | 15240 | } | |||
| 15241 | </style> | 15241 | </style> | |||
| 15242 | <div class="sicon-carousel porto-carousel owl-carousel bg-gray m-b-xl"> | 15242 | <div class="sicon-carousel porto-carousel owl-carousel bg-gray m-b-xl"> | |||
| 15243 | <a class="porto-sicon-box-link" href="#"> | 15243 | <a class="porto-sicon-box-link" href="#"> | |||
| 15244 | <div class="porto-sicon-box style_1 default-icon"> | 15244 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 15245 | <div class="porto-sicon-default"> | 15245 | <div class="porto-sicon-default"> | |||
| 15246 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 15246 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 15247 | <div class="porto-sicon-img" style="display: inline-block; font-size: 60px;"> | 15247 | <div class="porto-sicon-img" style="display: inline-block; font-size: 60px;"> | |||
| 15248 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/26/shop26_icon1.png"}}" /> | 15248 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/26/shop26_icon1.png"}}" /> | |||
| 15249 | </div> | 15249 | </div> | |||
| 15250 | </div> | 15250 | </div> | |||
| 15251 | </div> | 15251 | </div> | |||
| 15252 | <div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 700; font-size: 16px; line-height: 20px;">BIKE SADDLES</h3></div> | 15252 | <div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 700; font-size: 16px; line-height: 20px;">BIKE SADDLES</h3></div> | |||
| 15253 | </div> | 15253 | </div> | |||
| 15254 | </a> | 15254 | </a> | |||
| 15255 | <a class="porto-sicon-box-link" href="#"> | 15255 | <a class="porto-sicon-box-link" href="#"> | |||
| 15256 | <div class="porto-sicon-box style_1 default-icon"> | 15256 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 15257 | <div class="porto-sicon-default"> | 15257 | <div class="porto-sicon-default"> | |||
| 15258 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 15258 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 15259 | <div class="porto-sicon-img" style="display: inline-block; font-size: 60px;"> | 15259 | <div class="porto-sicon-img" style="display: inline-block; font-size: 60px;"> | |||
| 15260 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/26/shop26_icon2.png"}}" /> | 15260 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/26/shop26_icon2.png"}}" /> | |||
| 15261 | </div> | 15261 | </div> | |||
| 15262 | </div> | 15262 | </div> | |||
| 15263 | </div> | 15263 | </div> | |||
| 15264 | <div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 700; font-size: 16px; line-height: 20px;">BIKE PEDALS</h3></div> | 15264 | <div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 700; font-size: 16px; line-height: 20px;">BIKE PEDALS</h3></div> | |||
| 15265 | </div> | 15265 | </div> | |||
| 15266 | </a> | 15266 | </a> | |||
| 15267 | <a class="porto-sicon-box-link" href="#"> | 15267 | <a class="porto-sicon-box-link" href="#"> | |||
| 15268 | <div class="porto-sicon-box style_1 default-icon"> | 15268 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 15269 | <div class="porto-sicon-default"> | 15269 | <div class="porto-sicon-default"> | |||
| 15270 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 15270 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 15271 | <div class="porto-sicon-img" style="display: inline-block; font-size: 60px;"> | 15271 | <div class="porto-sicon-img" style="display: inline-block; font-size: 60px;"> | |||
| 15272 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/26/shop26_icon3.png"}}" /> | 15272 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/26/shop26_icon3.png"}}" /> | |||
| 15273 | </div> | 15273 | </div> | |||
| 15274 | </div> | 15274 | </div> | |||
| 15275 | </div> | 15275 | </div> | |||
| 15276 | <div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 700; font-size: 16px; line-height: 20px;">BIKE FRAMES</h3></div> | 15276 | <div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 700; font-size: 16px; line-height: 20px;">BIKE FRAMES</h3></div> | |||
| 15277 | </div> | 15277 | </div> | |||
| 15278 | </a> | 15278 | </a> | |||
| 15279 | <a class="porto-sicon-box-link" href="#"> | 15279 | <a class="porto-sicon-box-link" href="#"> | |||
| 15280 | <div class="porto-sicon-box style_1 default-icon"> | 15280 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 15281 | <div class="porto-sicon-default"> | 15281 | <div class="porto-sicon-default"> | |||
| 15282 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 15282 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 15283 | <div class="porto-sicon-img" style="display: inline-block; font-size: 60px;"> | 15283 | <div class="porto-sicon-img" style="display: inline-block; font-size: 60px;"> | |||
| 15284 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/26/shop26_icon4.png"}}" /> | 15284 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/26/shop26_icon4.png"}}" /> | |||
| 15285 | </div> | 15285 | </div> | |||
| 15286 | </div> | 15286 | </div> | |||
| 15287 | </div> | 15287 | </div> | |||
| 15288 | <div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 700; font-size: 16px; line-height: 20px;">BIKE CHAINS</h3></div> | 15288 | <div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 700; font-size: 16px; line-height: 20px;">BIKE CHAINS</h3></div> | |||
| 15289 | </div> | 15289 | </div> | |||
| 15290 | </a> | 15290 | </a> | |||
| 15291 | <a class="porto-sicon-box-link" href="#"> | 15291 | <a class="porto-sicon-box-link" href="#"> | |||
| 15292 | <div class="porto-sicon-box style_1 default-icon"> | 15292 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 15293 | <div class="porto-sicon-default"> | 15293 | <div class="porto-sicon-default"> | |||
| 15294 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 15294 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 15295 | <div class="porto-sicon-img" style="display: inline-block; font-size: 60px;"> | 15295 | <div class="porto-sicon-img" style="display: inline-block; font-size: 60px;"> | |||
| 15296 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/26/shop26_icon5.png"}}" /> | 15296 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/26/shop26_icon5.png"}}" /> | |||
| 15297 | </div> | 15297 | </div> | |||
| 15298 | </div> | 15298 | </div> | |||
| 15299 | </div> | 15299 | </div> | |||
| 15300 | <div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 700; font-size: 16px; line-height: 20px;">BIKE TOOLS</h3></div> | 15300 | <div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 700; font-size: 16px; line-height: 20px;">BIKE TOOLS</h3></div> | |||
| 15301 | </div> | 15301 | </div> | |||
| 15302 | </a> | 15302 | </a> | |||
| 15303 | </div> | 15303 | </div> | |||
| 15304 | <script type="text/javascript"> | 15304 | <script type="text/javascript"> | |||
| 15305 | require([ | 15305 | require([ | |||
| 15306 | 'jquery', | 15306 | 'jquery', | |||
| 15307 | 'owl.carousel/owl.carousel.min' | 15307 | 'owl.carousel/owl.carousel.min' | |||
| 15308 | ], function ($) { | 15308 | ], function ($) { | |||
| 15309 | $(".sicon-carousel.owl-carousel").owlCarousel({ | 15309 | $(".sicon-carousel.owl-carousel").owlCarousel({ | |||
| 15310 | autoplay: false, | 15310 | autoplay: false, | |||
| 15311 | autoplayTimeout: 5000, | 15311 | autoplayTimeout: 5000, | |||
| 15312 | autoplayHoverPause: true, | 15312 | autoplayHoverPause: true, | |||
| 15313 | loop: true, | 15313 | loop: true, | |||
| 15314 | navRewind: true, | 15314 | navRewind: true, | |||
| 15315 | lazyLoad:true, | 15315 | lazyLoad:true, | |||
| 15316 | stagePadding: 2, | 15316 | stagePadding: 2, | |||
| 15317 | margin: 2, | 15317 | margin: 2, | |||
| 15318 | nav: false, | 15318 | nav: false, | |||
| 15319 | dots: false, | 15319 | dots: false, | |||
| 15320 | responsive: { | 15320 | responsive: { | |||
| 15321 | 0: { | 15321 | 0: { | |||
| 15322 | items:2 | 15322 | items:2 | |||
| 15323 | }, | 15323 | }, | |||
| 15324 | 640: { | 15324 | 640: { | |||
| 15325 | items:2 | 15325 | items:2 | |||
| 15326 | }, | 15326 | }, | |||
| 15327 | 768: { | 15327 | 768: { | |||
| 15328 | items:2 | 15328 | items:2 | |||
| 15329 | }, | 15329 | }, | |||
| 15330 | 992: { | 15330 | 992: { | |||
| 15331 | items:3 | 15331 | items:3 | |||
| 15332 | }, | 15332 | }, | |||
| 15333 | 1200: { | 15333 | 1200: { | |||
| 15334 | items:5 | 15334 | items:5 | |||
| 15335 | } | 15335 | } | |||
| 15336 | } | 15336 | } | |||
| 15337 | }); | 15337 | }); | |||
| 15338 | }); | 15338 | }); | |||
| 15339 | </script> | 15339 | </script> | |||
| 15340 | </div> | 15340 | </div> | |||
| 15341 | </div> | 15341 | </div> | |||
| 15342 | </div> | 15342 | </div> | |||
| 15343 | </div> | 15343 | </div> | |||
| 15344 | </div> | 15344 | </div> | |||
| 15345 | <style> | 15345 | <style> | |||
| 15346 | body .row.column-gap-10>.column_container { | 15346 | body .row.column-gap-10>.column_container { | |||
| 15347 | padding: 5px; | 15347 | padding: 5px; | |||
| 15348 | } | 15348 | } | |||
| 15349 | .h-100>.porto-ultimate-content-box { | 15349 | .h-100>.porto-ultimate-content-box { | |||
| 15350 | height: 100%; | 15350 | height: 100%; | |||
| 15351 | font-size: .6666vw; | 15351 | font-size: .6666vw; | |||
| 15352 | } | 15352 | } | |||
| 15353 | .h-100>.porto-ultimate-content-box>* { | 15353 | .h-100>.porto-ultimate-content-box>* { | |||
| 15354 | vertical-align: middle; | 15354 | vertical-align: middle; | |||
| 15355 | } | 15355 | } | |||
| 15356 | @media (max-width: 991px) { | 15356 | @media (max-width: 991px) { | |||
| 15357 | .h-100>.porto-ultimate-content-box .btn { | 15357 | .h-100>.porto-ultimate-content-box .btn { | |||
| 15358 | font-size: 10px; | 15358 | font-size: 10px; | |||
| 15359 | } | 15359 | } | |||
| 15360 | } | 15360 | } | |||
| 15361 | @media (max-width: 767px) { | 15361 | @media (max-width: 767px) { | |||
| 15362 | .h-100>.porto-ultimate-content-box { | 15362 | .h-100>.porto-ultimate-content-box { | |||
| 15363 | min-height: 50vw; | 15363 | min-height: 50vw; | |||
| 15364 | font-size: 1vw; | 15364 | font-size: 1vw; | |||
| 15365 | } | 15365 | } | |||
| 15366 | } | 15366 | } | |||
| 15367 | </style> | 15367 | </style> | |||
| 15368 | <div class="row m-b-xl column-gap-10" style="margin-left: -5px;margin-right:-5px;padding-right: 0px; padding-left: 0px;"> | 15368 | <div class="row m-b-xl column-gap-10" style="margin-left: -5px;margin-right:-5px;padding-right: 0px; padding-left: 0px;"> | |||
| 15369 | <div class="column_container col-md-4"> | 15369 | <div class="column_container col-md-4"> | |||
| 15370 | <div class="wpb_wrapper vc_column-inner"> | 15370 | <div class="wpb_wrapper vc_column-inner"> | |||
| 15371 | <div class="wpb_single_image wpb_content_element vc_align_center mb-0"> | 15371 | <div class="wpb_single_image wpb_content_element vc_align_center mb-0"> | |||
| 15372 | <div class="wpb_wrapper"> | 15372 | <div class="wpb_wrapper"> | |||
| 15373 | <div class="vc_single_image-wrapper vc_box_border_grey"> | 15373 | <div class="vc_single_image-wrapper vc_box_border_grey"> | |||
| 15374 | <img class="d-block" src="{{media url="wysiwyg/smartwave/porto/homepage/26/shop26_home_banner1.jpg"}}" /> | 15374 | <img class="d-block" src="{{media url="wysiwyg/smartwave/porto/homepage/26/shop26_home_banner1.jpg"}}" /> | |||
| 15375 | </div> | 15375 | </div> | |||
| 15376 | </div> | 15376 | </div> | |||
| 15377 | </div> | 15377 | </div> | |||
| 15378 | </div> | 15378 | </div> | |||
| 15379 | </div> | 15379 | </div> | |||
| 15380 | <div class="column_container col-md-8"> | 15380 | <div class="column_container col-md-8"> | |||
| 15381 | <div class="wpb_wrapper vc_column-inner h-100"> | 15381 | <div class="wpb_wrapper vc_column-inner h-100"> | |||
| 15382 | <div class="porto-ultimate-content-box-container h-100"> | 15382 | <div class="porto-ultimate-content-box-container h-100"> | |||
| 15383 | <div class="porto-ultimate-content-box" | 15383 | <div class="porto-ultimate-content-box" | |||
| 15384 | style="padding-top: 2.5%; | 15384 | style="padding-top: 2.5%; | |||
| 15385 | background-size: cover; | 15385 | background-size: cover; | |||
| 15386 | background-repeat: no-repeat; | 15386 | background-repeat: no-repeat; | |||
| 15387 | background-position: center center; | 15387 | background-position: center center; | |||
| 15388 | background-color: rgba(0, 0, 0, 0); | 15388 | background-color: rgba(0, 0, 0, 0); | |||
| 15389 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/26/shop26_home_banner2.jpg"}}'); | 15389 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/26/shop26_home_banner2.jpg"}}'); | |||
| 15390 | "> | 15390 | "> | |||
| 15391 | <h3 style="font-size: 2.1875em; color: rgb(153, 153, 153); line-height: 1; margin-left: 37%;" class="vc_custom_heading mb-0 align-left"> | 15391 | <h3 style="font-size: 2.1875em; color: rgb(153, 153, 153); line-height: 1; margin-left: 37%;" class="vc_custom_heading mb-0 align-left"> | |||
| 15392 | GET READY | 15392 | GET READY | |||
| 15393 | </h3> | 15393 | </h3> | |||
| 15394 | <h2 style="font-size: 4.5em; line-height: 1; font-weight: 700; margin-left: 42%;" class="vc_custom_heading mb-2 mb-lg-3 mr-3 mr-lg-4 d-inline-block align-left text-uppercase heading-dark"> | 15394 | <h2 style="font-size: 4.5em; line-height: 1; font-weight: 700; margin-left: 42%;" class="vc_custom_heading mb-2 mb-lg-3 mr-3 mr-lg-4 d-inline-block align-left text-uppercase heading-dark"> | |||
| 15395 | 20% OFF | 15395 | 20% OFF | |||
| 15396 | </h2> | 15396 | </h2> | |||
| 15397 | <div class="btn-container mb-2 mb-lg-3 d-none d-sm-inline-block d-inline-block"> | 15397 | <div class="btn-container mb-2 mb-lg-3 d-none d-sm-inline-block d-inline-block"> | |||
| 15398 | <button class="btn btn-md btn-dark"> | 15398 | <button class="btn btn-md btn-dark"> | |||
| 15399 | SHOP ALL SALE | 15399 | SHOP ALL SALE | |||
| 15400 | </button> | 15400 | </button> | |||
| 15401 | </div> | 15401 | </div> | |||
| 15402 | <div class="vc_custom_heading align-left heading heading-border heading-dark heading-middle-border heading-middle-border-center heading-border-xl"> | 15402 | <div class="vc_custom_heading align-left heading heading-border heading-dark heading-middle-border heading-middle-border-center heading-border-xl"> | |||
| 15403 | <h2 style="font-size: 2.65em; line-height: 1; font-weight: 700; margin-right: 22%; margin-left: 46%;border-color: #222529;" class="heading-tag heading-dark text-uppercase"> | 15403 | <h2 style="font-size: 2.65em; line-height: 1; font-weight: 700; margin-right: 22%; margin-left: 46%;border-color: #222529;" class="heading-tag heading-dark text-uppercase"> | |||
| 15404 | BIKES | 15404 | BIKES | |||
| 15405 | </h2> | 15405 | </h2> | |||
| 15406 | </div> | 15406 | </div> | |||
| 15407 | </div> | 15407 | </div> | |||
| 15408 | </div> | 15408 | </div> | |||
| 15409 | </div> | 15409 | </div> | |||
| 15410 | </div> | 15410 | </div> | |||
| 15411 | </div> | 15411 | </div> | |||
| 15412 | <div class="porto-inner-container"> | 15412 | <div class="porto-inner-container"> | |||
| 15413 | <div class="container"> | 15413 | <div class="container"> | |||
| 15414 | <div class="row"> | 15414 | <div class="row"> | |||
| 15415 | <div class="col-md-12"> | 15415 | <div class="col-md-12"> | |||
| 15416 | <div class="wpb_wrapper vc_column-inner"> | 15416 | <div class="wpb_wrapper vc_column-inner"> | |||
| 15417 | <div id="trending-products" class="porto-products wpb_content_element"> | 15417 | <div id="trending-products" class="porto-products wpb_content_element"> | |||
| 15418 | <h2 class="section-title text-center slider-title"><span class="inline-title">Trending Accessories</span><span class="line"></span></h2> | 15418 | <h2 class="section-title text-center slider-title"><span class="inline-title">Trending Accessories</span><span class="line"></span></h2> | |||
| 15419 | <div class="slider-wrapper"> | 15419 | <div class="slider-wrapper"> | |||
| 15420 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="popular_product" extra_class="dots-style-1" product_count="7" product_type="1" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | 15420 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="popular_product" extra_class="dots-style-1" product_count="7" product_type="1" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||
| 15421 | <script type="text/javascript"> | 15421 | <script type="text/javascript"> | |||
| 15422 | require([ | 15422 | require([ | |||
| 15423 | 'jquery', | 15423 | 'jquery', | |||
| 15424 | 'owl.carousel/owl.carousel.min' | 15424 | 'owl.carousel/owl.carousel.min' | |||
| 15425 | ], function ($) { | 15425 | ], function ($) { | |||
| 15426 | $("#trending-products .owl-carousel").owlCarousel({ | 15426 | $("#trending-products .owl-carousel").owlCarousel({ | |||
| 15427 | autoplay: false, | 15427 | autoplay: false, | |||
| 15428 | autoplayTimeout: 5000, | 15428 | autoplayTimeout: 5000, | |||
| 15429 | autoplayHoverPause: true, | 15429 | autoplayHoverPause: true, | |||
| 15430 | loop: true, | 15430 | loop: true, | |||
| 15431 | navRewind: true, | 15431 | navRewind: true, | |||
| 15432 | lazyLoad:true, | 15432 | lazyLoad:true, | |||
| 15433 | margin: 0, | 15433 | margin: 0, | |||
| 15434 | nav: false, | 15434 | nav: false, | |||
| 15435 | dots: false, | 15435 | dots: false, | |||
| 15436 | responsive: { | 15436 | responsive: { | |||
| 15437 | 0: { | 15437 | 0: { | |||
| 15438 | items:2 | 15438 | items:2 | |||
| 15439 | }, | 15439 | }, | |||
| 15440 | 640: { | 15440 | 640: { | |||
| 15441 | items:2 | 15441 | items:2 | |||
| 15442 | }, | 15442 | }, | |||
| 15443 | 768: { | 15443 | 768: { | |||
| 15444 | items:2 | 15444 | items:2 | |||
| 15445 | }, | 15445 | }, | |||
| 15446 | 992: { | 15446 | 992: { | |||
| 15447 | items:3 | 15447 | items:3 | |||
| 15448 | }, | 15448 | }, | |||
| 15449 | 1200: { | 15449 | 1200: { | |||
| 15450 | items:5 | 15450 | items:5 | |||
| 15451 | } | 15451 | } | |||
| 15452 | } | 15452 | } | |||
| 15453 | }); | 15453 | }); | |||
| 15454 | }); | 15454 | }); | |||
| 15455 | </script> | 15455 | </script> | |||
| 15456 | </div> | 15456 | </div> | |||
| 15457 | </div> | 15457 | </div> | |||
| 15458 | </div> | 15458 | </div> | |||
| 15459 | </div> | 15459 | </div> | |||
| 15460 | </div> | 15460 | </div> | |||
| 15461 | </div> | 15461 | </div> | |||
| 15462 | </div> | 15462 | </div> | |||
| 15463 | <div class="vc_row wpb_row text-center" style="margin-bottom: 40px;"> | 15463 | <div class="vc_row wpb_row text-center" style="margin-bottom: 40px;"> | |||
| 15464 | <div class="container"> | 15464 | <div class="container"> | |||
| 15465 | <div class="row"> | 15465 | <div class="row"> | |||
| 15466 | <div class="col-md-12 col-xl-6"> | 15466 | <div class="col-md-12 col-xl-6"> | |||
| 15467 | <div class="wpb_wrapper vc_column-inner h-100"> | 15467 | <div class="wpb_wrapper vc_column-inner h-100"> | |||
| 15468 | <div class="row py-4 py-sm-3 h-100" style="margin-right: 0px; margin-left: 0px; background-color: #f4f4f4;"> | 15468 | <div class="row py-4 py-sm-3 h-100" style="margin-right: 0px; margin-left: 0px; background-color: #f4f4f4;"> | |||
| 15469 | <div class="col-sm-4 col-md-4 d-flex align-items-center justify-content-center "> | 15469 | <div class="col-sm-4 col-md-4 d-flex align-items-center justify-content-center "> | |||
| 15470 | <div class="wpb_wrapper vc_column-inner"> | 15470 | <div class="wpb_wrapper vc_column-inner"> | |||
| 15471 | <h3 style="font-size: 27.5px; line-height: 1; text-align: center; font-weight: 700; letter-spacing: 0.005em;" class="vc_custom_heading custom-font4 mb-0 heading-dark">Summer Sale</h3> | 15471 | <h3 style="font-size: 27.5px; line-height: 1; text-align: center; font-weight: 700; letter-spacing: 0.005em;" class="vc_custom_heading custom-font4 mb-0 heading-dark">Summer Sale</h3> | |||
| 15472 | <h2 style="font-size: 49px; line-height: 1; text-align: center; font-weight: 700;" class="vc_custom_heading mb-0 text-uppercase heading-dark">20% OFF</h2> | 15472 | <h2 style="font-size: 49px; line-height: 1; text-align: center; font-weight: 700;" class="vc_custom_heading mb-0 text-uppercase heading-dark">20% OFF</h2> | |||
| 15473 | </div> | 15473 | </div> | |||
| 15474 | </div> | 15474 | </div> | |||
| 15475 | <div class="col-sm-4 py-3 py-sm-0 col-md-4 d-flex align-items-center justify-content-center "> | 15475 | <div class="col-sm-4 py-3 py-sm-0 col-md-4 d-flex align-items-center justify-content-center "> | |||
| 15476 | <div class="wpb_wrapper vc_column-inner"> | 15476 | <div class="wpb_wrapper vc_column-inner"> | |||
| 15477 | <div class="wpb_single_image wpb_content_element vc_align_center mb-0"> | 15477 | <div class="wpb_single_image wpb_content_element vc_align_center mb-0"> | |||
| 15478 | <div class="wpb_wrapper"> | 15478 | <div class="wpb_wrapper"> | |||
| 15479 | <div class="vc_single_image-wrapper vc_box_border_grey"> | 15479 | <div class="vc_single_image-wrapper vc_box_border_grey"> | |||
| 15480 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/26/shop26_home_banner3.jpg"}}" /> | 15480 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/26/shop26_home_banner3.jpg"}}" /> | |||
| 15481 | </div> | 15481 | </div> | |||
| 15482 | </div> | 15482 | </div> | |||
| 15483 | </div> | 15483 | </div> | |||
| 15484 | </div> | 15484 | </div> | |||
| 15485 | </div> | 15485 | </div> | |||
| 15486 | <div class="col-sm-4 col-md-4 d-flex align-items-center justify-content-center "> | 15486 | <div class="col-sm-4 col-md-4 d-flex align-items-center justify-content-center "> | |||
| 15487 | <div class="wpb_wrapper vc_column-inner"> | 15487 | <div class="wpb_wrapper vc_column-inner"> | |||
| 15488 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-lg btn-dark">SHOP ALL SALE</button></div> | 15488 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-lg btn-dark">SHOP ALL SALE</button></div> | |||
| 15489 | </div> | 15489 | </div> | |||
| 15490 | </div> | 15490 | </div> | |||
| 15491 | </div> | 15491 | </div> | |||
| 15492 | </div> | 15492 | </div> | |||
| 15493 | </div> | 15493 | </div> | |||
| 15494 | <div class="col-md-12 col-xl-6"> | 15494 | <div class="col-md-12 col-xl-6"> | |||
| 15495 | <div class="wpb_wrapper vc_column-inner h-100"> | 15495 | <div class="wpb_wrapper vc_column-inner h-100"> | |||
| 15496 | <div class="row py-4 py-sm-3 h-100" style="margin-right: 0px; margin-left: 0px; background-color: #4db7b3;"> | 15496 | <div class="row py-4 py-sm-3 h-100" style="margin-right: 0px; margin-left: 0px; background-color: #4db7b3;"> | |||
| 15497 | <div class="col-sm-4 col-md-4 d-flex align-items-center justify-content-center "> | 15497 | <div class="col-sm-4 col-md-4 d-flex align-items-center justify-content-center "> | |||
| 15498 | <div class="wpb_wrapper vc_column-inner"> | 15498 | <div class="wpb_wrapper vc_column-inner"> | |||
| 15499 | <h3 style="font-size: 35px; line-height: 1; text-align: center; font-weight: 700; letter-spacing: 0.005em;" class="vc_custom_heading custom-font4 mb-0 heading-light">Flash Sale</h3> | 15499 | <h3 style="font-size: 35px; line-height: 1; text-align: center; font-weight: 700; letter-spacing: 0.005em;" class="vc_custom_heading custom-font4 mb-0 heading-light">Flash Sale</h3> | |||
| 15500 | <h2 style="font-size: 49px; line-height: 1; text-align: center; font-weight: 700;" class="vc_custom_heading mb-0 text-uppercase heading-light">30% OFF</h2> | 15500 | <h2 style="font-size: 49px; line-height: 1; text-align: center; font-weight: 700;" class="vc_custom_heading mb-0 text-uppercase heading-light">30% OFF</h2> | |||
| 15501 | </div> | 15501 | </div> | |||
| 15502 | </div> | 15502 | </div> | |||
| 15503 | <div class="col-sm-4 py-3 py-sm-0 col-md-4 d-flex align-items-center justify-content-center "> | 15503 | <div class="col-sm-4 py-3 py-sm-0 col-md-4 d-flex align-items-center justify-content-center "> | |||
| 15504 | <div class="wpb_wrapper vc_column-inner"> | 15504 | <div class="wpb_wrapper vc_column-inner"> | |||
| 15505 | <div class="wpb_single_image wpb_content_element vc_align_center mb-0"> | 15505 | <div class="wpb_single_image wpb_content_element vc_align_center mb-0"> | |||
| 15506 | <div class="wpb_wrapper"> | 15506 | <div class="wpb_wrapper"> | |||
| 15507 | <div class="vc_single_image-wrapper vc_box_border_grey"> | 15507 | <div class="vc_single_image-wrapper vc_box_border_grey"> | |||
| 15508 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/26/shop26_home_banner4.jpg"}}" /> | 15508 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/26/shop26_home_banner4.jpg"}}" /> | |||
| 15509 | </div> | 15509 | </div> | |||
| 15510 | </div> | 15510 | </div> | |||
| 15511 | </div> | 15511 | </div> | |||
| 15512 | </div> | 15512 | </div> | |||
| 15513 | </div> | 15513 | </div> | |||
| 15514 | <div class="col-sm-4 col-md-4 d-flex align-items-center justify-content-center "> | 15514 | <div class="col-sm-4 col-md-4 d-flex align-items-center justify-content-center "> | |||
| 15515 | <div class="wpb_wrapper vc_column-inner"> | 15515 | <div class="wpb_wrapper vc_column-inner"> | |||
| 15516 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-lg btn-light">SHOP ALL SALE</button></div> | 15516 | <div class="btn-container mb-0 d-inline-block"><button class="btn btn-lg btn-light">SHOP ALL SALE</button></div> | |||
| 15517 | </div> | 15517 | </div> | |||
| 15518 | </div> | 15518 | </div> | |||
| 15519 | </div> | 15519 | </div> | |||
| 15520 | </div> | 15520 | </div> | |||
| 15521 | </div> | 15521 | </div> | |||
| 15522 | </div> | 15522 | </div> | |||
| 15523 | </div> | 15523 | </div> | |||
| 15524 | </div> | 15524 | </div> | |||
| 15525 | ]]> | 15525 | ]]> | |||
| 15526 | </content> | 15526 | </content> | |||
| 15527 | 15527 | |||||
| 15528 | <is_active> | 15528 | <is_active> | |||
| 15529 | 1 | 15529 | 1 | |||
| 15530 | </is_active> | 15530 | </is_active> | |||
| 15531 | 15531 | |||||
| 15532 | <page_layout> | 15532 | <page_layout> | |||
| 15533 | 1column | 15533 | 1column | |||
| 15534 | </page_layout> | 15534 | </page_layout> | |||
| 15535 | 15535 | |||||
| 15536 | <layout_update_xml> | 15536 | <layout_update_xml> | |||
| 15537 | <![CDATA[]]> | 15537 | <![CDATA[]]> | |||
| 15538 | </layout_update_xml> | 15538 | </layout_update_xml> | |||
| 15539 | 15539 | |||||
| 15540 | </cms_item> | 15540 | </cms_item> | |||
| 15541 | 15541 | |||||
| 15542 | <cms_item> | 15542 | <cms_item> | |||
| 15543 | 15543 | |||||
| 15544 | <title> | 15544 | <title> | |||
| 15545 | Porto - Homepage 27 | 15545 | Porto - Homepage 27 | |||
| 15546 | </title> | 15546 | </title> | |||
| 15547 | 15547 | |||||
| 15548 | <identifier> | 15548 | <identifier> | |||
| 15549 | porto_home_27 | 15549 | porto_home_27 | |||
| 15550 | </identifier> | 15550 | </identifier> | |||
| 15551 | 15551 | |||||
| 15552 | <content> | 15552 | <content> | |||
| 15553 | <![CDATA[<style> | 15553 | <![CDATA[<style> | |||
| 15554 | .cms-index-index .page-main, .layout-1220.cms-index-index .page-main { | 15554 | .cms-index-index .page-main, .layout-1220.cms-index-index .page-main { | |||
| 15555 | max-width: 100%; | 15555 | max-width: 100%; | |||
| 15556 | padding: 0; | 15556 | padding: 0; | |||
| 15557 | } | 15557 | } | |||
| 15558 | .columns .column.main { | 15558 | .columns .column.main { | |||
| 15559 | padding: 0; | 15559 | padding: 0; | |||
| 15560 | } | 15560 | } | |||
| 15561 | .m-l-n-lg { | 15561 | .m-l-n-lg { | |||
| 15562 | margin-left: -30px!important; | 15562 | margin-left: -30px!important; | |||
| 15563 | } | 15563 | } | |||
| 15564 | .text-color-primary>.btn, .text-color-dark>.btn { | 15564 | .text-color-primary>.btn, .text-color-dark>.btn { | |||
| 15565 | color: inherit; | 15565 | color: inherit; | |||
| 15566 | } | 15566 | } | |||
| 15567 | .porto-ultimate-content-box { | 15567 | .porto-ultimate-content-box { | |||
| 15568 | height: 100%; | 15568 | height: 100%; | |||
| 15569 | position: relative; | 15569 | position: relative; | |||
| 15570 | font-size: inherit; | 15570 | font-size: inherit; | |||
| 15571 | } | 15571 | } | |||
| 15572 | .porto-ultimate-content-box:before { | 15572 | .porto-ultimate-content-box:before { | |||
| 15573 | content: ''; | 15573 | content: ''; | |||
| 15574 | position: absolute; | 15574 | position: absolute; | |||
| 15575 | left: 0; | 15575 | left: 0; | |||
| 15576 | right: 0; | 15576 | right: 0; | |||
| 15577 | top: 0; | 15577 | top: 0; | |||
| 15578 | bottom: 0; | 15578 | bottom: 0; | |||
| 15579 | background-color: rgba(0,0,0,.1); | 15579 | background-color: rgba(0,0,0,.1); | |||
| 15580 | opacity: 0; | 15580 | opacity: 0; | |||
| 15581 | transition: opacity .25s; | 15581 | transition: opacity .25s; | |||
| 15582 | } | 15582 | } | |||
| 15583 | .porto-ultimate-content-box:after { | 15583 | .porto-ultimate-content-box:after { | |||
| 15584 | content: ''; | 15584 | content: ''; | |||
| 15585 | display: block; | 15585 | display: block; | |||
| 15586 | clear: both; | 15586 | clear: both; | |||
| 15587 | } | 15587 | } | |||
| 15588 | .porto-ultimate-content-box:hover:before { | 15588 | .porto-ultimate-content-box:hover:before { | |||
| 15589 | opacity: 1; | 15589 | opacity: 1; | |||
| 15590 | } | 15590 | } | |||
| 15591 | .porto-ultimate-content-box>* { | 15591 | .porto-ultimate-content-box>* { | |||
| 15592 | position: relative; | 15592 | position: relative; | |||
| 15593 | z-index: 1; | 15593 | z-index: 1; | |||
| 15594 | } | 15594 | } | |||
| 15595 | .content-align-start .porto-ultimate-content-box>* { | 15595 | .content-align-start .porto-ultimate-content-box>* { | |||
| 15596 | align-self: flex-start; | 15596 | align-self: flex-start; | |||
| 15597 | } | 15597 | } | |||
| 15598 | .coupon-text { | 15598 | .coupon-text { | |||
| 15599 | transform: rotate( | 15599 | transform: rotate( | |||
| 15600 | -2.5deg | 15600 | -2.5deg | |||
| 15601 | ); | 15601 | ); | |||
| 15602 | padding: 13px; | 15602 | padding: 13px; | |||
| 15603 | letter-spacing: .01em; | 15603 | letter-spacing: .01em; | |||
| 15604 | } | 15604 | } | |||
| 15605 | .coupon-text-sale i { | 15605 | .coupon-text-sale i { | |||
| 15606 | font-style: normal; | 15606 | font-style: normal; | |||
| 15607 | position: absolute; | 15607 | position: absolute; | |||
| 15608 | left: -2.25em; | 15608 | left: -2.25em; | |||
| 15609 | top: 50%; | 15609 | top: 50%; | |||
| 15610 | transform: translateY(-50%) rotate( | 15610 | transform: translateY(-50%) rotate( | |||
| 15611 | -90deg | 15611 | -90deg | |||
| 15612 | ); | 15612 | ); | |||
| 15613 | font-size: .65em; | 15613 | font-size: .65em; | |||
| 15614 | opacity: .6; | 15614 | opacity: .6; | |||
| 15615 | letter-spacing: 0; | 15615 | letter-spacing: 0; | |||
| 15616 | } | 15616 | } | |||
| 15617 | .coupon-text-sale b { | 15617 | .coupon-text-sale b { | |||
| 15618 | display: inline-block; | 15618 | display: inline-block; | |||
| 15619 | background: #222529; | 15619 | background: #222529; | |||
| 15620 | color: #fff; | 15620 | color: #fff; | |||
| 15621 | font-size: 1.6em; | 15621 | font-size: 1.6em; | |||
| 15622 | padding: 5px 12px; | 15622 | padding: 5px 12px; | |||
| 15623 | } | 15623 | } | |||
| 15624 | .coupon-text-sale { | 15624 | .coupon-text-sale { | |||
| 15625 | transform: rotate( | 15625 | transform: rotate( | |||
| 15626 | -2deg | 15626 | -2deg | |||
| 15627 | ); | 15627 | ); | |||
| 15628 | letter-spacing: .01em; | 15628 | letter-spacing: .01em; | |||
| 15629 | position: relative; | 15629 | position: relative; | |||
| 15630 | } | 15630 | } | |||
| 15631 | .col-md-2-5, .col-md-3-5 { | 15631 | .col-md-2-5, .col-md-3-5 { | |||
| 15632 | padding-left: 10px; | 15632 | padding-left: 10px; | |||
| 15633 | padding-right: 10px; | 15633 | padding-right: 10px; | |||
| 15634 | width: 100%; | 15634 | width: 100%; | |||
| 15635 | } | 15635 | } | |||
| 15636 | @media (min-width: 768px) { | 15636 | @media (min-width: 768px) { | |||
| 15637 | .col-md-2-5 { | 15637 | .col-md-2-5 { | |||
| 15638 | flex: 0 0 40%; | 15638 | flex: 0 0 40%; | |||
| 15639 | width: 40%; | 15639 | width: 40%; | |||
| 15640 | } | 15640 | } | |||
| 15641 | .col-md-3-5 { | 15641 | .col-md-3-5 { | |||
| 15642 | flex: 0 0 60%; | 15642 | flex: 0 0 60%; | |||
| 15643 | width: 60%; | 15643 | width: 60%; | |||
| 15644 | } | 15644 | } | |||
| 15645 | } | 15645 | } | |||
| 15646 | </style> | 15646 | </style> | |||
| 15647 | <div class="porto-inner-container" style="margin-top: 20px;"> | 15647 | <div class="porto-inner-container" style="margin-top: 20px;"> | |||
| 15648 | <div class="container"> | 15648 | <div class="container"> | |||
| 15649 | <div class="row"> | 15649 | <div class="row"> | |||
| 15650 | <div class="mb-3 mb-lg-0 col-md-12 col-lg-5"> | 15650 | <div class="mb-3 mb-lg-0 col-md-12 col-lg-5"> | |||
| 15651 | <div class="wpb_wrapper vc_column-inner"> | 15651 | <div class="wpb_wrapper vc_column-inner"> | |||
| 15652 | <div class="porto-ultimate-content-box-container"> | 15652 | <div class="porto-ultimate-content-box-container"> | |||
| 15653 | <div class="porto-ultimate-content-box porto-lazyload lazy-load-loaded" | 15653 | <div class="porto-ultimate-content-box porto-lazyload lazy-load-loaded" | |||
| 15654 | style="background-size: cover; | 15654 | style="background-size: cover; | |||
| 15655 | background-repeat: no-repeat; | 15655 | background-repeat: no-repeat; | |||
| 15656 | background-position: center center; | 15656 | background-position: center center; | |||
| 15657 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/27/shop27_home_banner1.jpg"}}'); | 15657 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/27/shop27_home_banner1.jpg"}}'); | |||
| 15658 | margin-bottom: 20px; | 15658 | margin-bottom: 20px; | |||
| 15659 | padding-top: 17%; | 15659 | padding-top: 17%; | |||
| 15660 | padding-right: 27px; | 15660 | padding-right: 27px; | |||
| 15661 | padding-bottom: 30px; | 15661 | padding-bottom: 30px; | |||
| 15662 | background-color: #f0f5f9;"> | 15662 | background-color: #f0f5f9;"> | |||
| 15663 | <h2 style="font-size: 34px; line-height: 1.2; font-weight: 700;" class="vc_custom_heading mb-0 align-right text-uppercase">Black</h2> | 15663 | <h2 style="font-size: 34px; line-height: 1.2; font-weight: 700;" class="vc_custom_heading mb-0 align-right text-uppercase">Black</h2> | |||
| 15664 | <h3 style="font-size: 28px; line-height: 1.2; font-weight: 700;" class="vc_custom_heading mb-3 align-right">Armchairs</h3> | 15664 | <h3 style="font-size: 28px; line-height: 1.2; font-weight: 700;" class="vc_custom_heading mb-3 align-right">Armchairs</h3> | |||
| 15665 | <h4 style="font-size: 15px; line-height: 1.2; font-weight: 600;" class="vc_custom_heading mb-4 align-right text-uppercase heading-secondary">STARTING FROM $399</h4> | 15665 | <h4 style="font-size: 15px; line-height: 1.2; font-weight: 600;" class="vc_custom_heading mb-4 align-right text-uppercase heading-secondary">STARTING FROM $399</h4> | |||
| 15666 | <div class="btn-container mb-0 text-color-primary text-right"> | 15666 | <div class="btn-container mb-0 text-color-primary text-right"> | |||
| 15667 | <button class="btn btn-borders btn-xs btn-default">SHOP NOW <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button> | 15667 | <button class="btn btn-borders btn-xs btn-default">SHOP NOW <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button> | |||
| 15668 | </div> | 15668 | </div> | |||
| 15669 | </div> | 15669 | </div> | |||
| 15670 | </div> | 15670 | </div> | |||
| 15671 | <div class="row"> | 15671 | <div class="row"> | |||
| 15672 | <div class="mb-3 mb-md-0 col-md-2-5"> | 15672 | <div class="mb-3 mb-md-0 col-md-2-5"> | |||
| 15673 | <div class="wpb_wrapper vc_column-inner"> | 15673 | <div class="wpb_wrapper vc_column-inner"> | |||
| 15674 | <div class="porto-ultimate-content-box-container h-100"> | 15674 | <div class="porto-ultimate-content-box-container h-100"> | |||
| 15675 | <div class="porto-ultimate-content-box porto-lazyload lazy-load-loaded" | 15675 | <div class="porto-ultimate-content-box porto-lazyload lazy-load-loaded" | |||
| 15676 | style="background-size: cover; | 15676 | style="background-size: cover; | |||
| 15677 | background-repeat: no-repeat; | 15677 | background-repeat: no-repeat; | |||
| 15678 | background-position: center center; | 15678 | background-position: center center; | |||
| 15679 | min-height: 315px; | 15679 | min-height: 315px; | |||
| 15680 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/27/shop27_home_banner2.jpg"}}'); | 15680 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/27/shop27_home_banner2.jpg"}}'); | |||
| 15681 | padding-top: 35px; | 15681 | padding-top: 35px; | |||
| 15682 | padding-right: 0px; | 15682 | padding-right: 0px; | |||
| 15683 | padding-left: 0px; | 15683 | padding-left: 0px; | |||
| 15684 | background-color: #222529;"> | 15684 | background-color: #222529;"> | |||
| 15685 | <h5 style="font-size: 12px; color: rgba(255, 255, 255, 0.4); line-height: 1.5; text-align: center; font-weight: 500;" class="vc_custom_heading mb-0 ls-25em text-uppercase">CHECK NEW ARRIVALS</h5> | 15685 | <h5 style="font-size: 12px; color: rgba(255, 255, 255, 0.4); line-height: 1.5; text-align: center; font-weight: 500;" class="vc_custom_heading mb-0 ls-25em text-uppercase">CHECK NEW ARRIVALS</h5> | |||
| 15686 | <h3 style="font-size: 25px; line-height: 1.2; text-align: center; font-weight: 700;" class="vc_custom_heading text-uppercase heading-light">COOL LAMPS</h3> | 15686 | <h3 style="font-size: 25px; line-height: 1.2; text-align: center; font-weight: 700;" class="vc_custom_heading text-uppercase heading-light">COOL LAMPS</h3> | |||
| 15687 | </div> | 15687 | </div> | |||
| 15688 | </div> | 15688 | </div> | |||
| 15689 | </div> | 15689 | </div> | |||
| 15690 | </div> | 15690 | </div> | |||
| 15691 | <div class=" col-md-3-5"> | 15691 | <div class=" col-md-3-5"> | |||
| 15692 | <div class="wpb_wrapper vc_column-inner"> | 15692 | <div class="wpb_wrapper vc_column-inner"> | |||
| 15693 | <div class="porto-ultimate-content-box-container h-100"> | 15693 | <div class="porto-ultimate-content-box-container h-100"> | |||
| 15694 | 15694 | |||||
| 15695 | <div class="porto-ultimate-content-box has-content-pos justify-content-end porto-lazyload lazy-load-loaded" | 15695 | <div class="porto-ultimate-content-box has-content-pos justify-content-end porto-lazyload lazy-load-loaded" | |||
| 15696 | style="background-size: cover; | 15696 | style="background-size: cover; | |||
| 15697 | background-repeat: no-repeat; | 15697 | background-repeat: no-repeat; | |||
| 15698 | background-position: center center; | 15698 | background-position: center center; | |||
| 15699 | min-height: 315px; | 15699 | min-height: 315px; | |||
| 15700 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/27/shop27_home_banner3.jpg"}}'); | 15700 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/27/shop27_home_banner3.jpg"}}'); | |||
| 15701 | padding-right: 20px; | 15701 | padding-right: 20px; | |||
| 15702 | padding-bottom: 35px; | 15702 | padding-bottom: 35px; | |||
| 15703 | padding-left: 20px; | 15703 | padding-left: 20px; | |||
| 15704 | background-color: #606da6;"> | 15704 | background-color: #606da6;"> | |||
| 15705 | <h6 style="color: rgba(255, 255, 255, 0.4); text-align: center; font-weight: 500;" class="vc_custom_heading ls-25em mb-0 text-uppercase">exclusive new collection</h6> | 15705 | <h6 style="color: rgba(255, 255, 255, 0.4); text-align: center; font-weight: 500;" class="vc_custom_heading ls-25em mb-0 text-uppercase">exclusive new collection</h6> | |||
| 15706 | <h3 style="font-size: 28px; line-height: 1.2; text-align: center; font-weight: 700;" class="vc_custom_heading mb-0 text-uppercase heading-light">Luxurious Jacuzzi</h3> | 15706 | <h3 style="font-size: 28px; line-height: 1.2; text-align: center; font-weight: 700;" class="vc_custom_heading mb-0 text-uppercase heading-light">Luxurious Jacuzzi</h3> | |||
| 15707 | </div> | 15707 | </div> | |||
| 15708 | </div> | 15708 | </div> | |||
| 15709 | </div> | 15709 | </div> | |||
| 15710 | </div> | 15710 | </div> | |||
| 15711 | </div> | 15711 | </div> | |||
| 15712 | </div> | 15712 | </div> | |||
| 15713 | </div> | 15713 | </div> | |||
| 15714 | <div class=" col-md-12 col-lg-7"> | 15714 | <div class=" col-md-12 col-lg-7"> | |||
| 15715 | <div class="wpb_wrapper vc_column-inner h-100"> | 15715 | <div class="wpb_wrapper vc_column-inner h-100"> | |||
| 15716 | <div class="porto-ultimate-content-box-container h-100 content-align-start"> | 15716 | <div class="porto-ultimate-content-box-container h-100 content-align-start"> | |||
| 15717 | 15717 | |||||
| 15718 | <div class="porto-ultimate-content-box has-content-pos justify-content-center porto-lazyload lazy-load-loaded" | 15718 | <div class="porto-ultimate-content-box has-content-pos justify-content-center porto-lazyload lazy-load-loaded" | |||
| 15719 | style="background-size: cover; | 15719 | style="background-size: cover; | |||
| 15720 | background-repeat: no-repeat; | 15720 | background-repeat: no-repeat; | |||
| 15721 | background-position: center center; | 15721 | background-position: center center; | |||
| 15722 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/27/shop27_home_banner4.jpg"}}'); | 15722 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/27/shop27_home_banner4.jpg"}}'); | |||
| 15723 | padding-top: 10%; | 15723 | padding-top: 10%; | |||
| 15724 | padding-bottom: 10%; | 15724 | padding-bottom: 10%; | |||
| 15725 | padding-left: 9%; | 15725 | padding-left: 9%; | |||
| 15726 | background-color: #f4f4f4; | 15726 | background-color: #f4f4f4; | |||
| 15727 | "> | 15727 | "> | |||
| 15728 | <h2 style="font-size: 45px; line-height: 1.2; font-weight: 700;" class="vc_custom_heading m-l-n-lg align-right"> | 15728 | <h2 style="font-size: 45px; line-height: 1.2; font-weight: 700;" class="vc_custom_heading m-l-n-lg align-right"> | |||
| 15729 | WOODEN<br /> | 15729 | WOODEN<br /> | |||
| 15730 | Black Chair | 15730 | Black Chair | |||
| 15731 | </h2> | 15731 | </h2> | |||
| 15732 | <div style="font-size: 24px; line-height: 1; font-weight: 700;" class="vc_custom_heading coupon-text background-color-dark m-b-sm align-left text-uppercase heading-light">GO COUPON</div> | 15732 | <div style="font-size: 24px; line-height: 1; font-weight: 700;" class="vc_custom_heading coupon-text background-color-dark m-b-sm align-left text-uppercase heading-light">GO COUPON</div> | |||
| 15733 | <div style="font-size: 21px; line-height: 1; font-weight: 700;" class="vc_custom_heading coupon-text-sale m-b-xl align-left text-uppercase heading-dark"><i>Up To</i><b>$100</b> OFF</div> | 15733 | <div style="font-size: 21px; line-height: 1; font-weight: 700;" class="vc_custom_heading coupon-text-sale m-b-xl align-left text-uppercase heading-dark"><i>Up To</i><b>$100</b> OFF</div> | |||
| 15734 | <h4 style="font-size: 20px; line-height: 1.2; font-weight: 600;" class="vc_custom_heading m-b-lg align-left text-uppercase heading-secondary">STARTING FROM $199</h4> | 15734 | <h4 style="font-size: 20px; line-height: 1.2; font-weight: 600;" class="vc_custom_heading m-b-lg align-left text-uppercase heading-secondary">STARTING FROM $199</h4> | |||
| 15735 | <div class="btn-container mb-0 text-color-primary text-left"> | 15735 | <div class="btn-container mb-0 text-color-primary text-left"> | |||
| 15736 | <button class="btn btn-borders btn-lg btn-default">SHOP NOW <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button> | 15736 | <button class="btn btn-borders btn-lg btn-default">SHOP NOW <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button> | |||
| 15737 | </div> | 15737 | </div> | |||
| 15738 | </div> | 15738 | </div> | |||
| 15739 | </div> | 15739 | </div> | |||
| 15740 | </div> | 15740 | </div> | |||
| 15741 | </div> | 15741 | </div> | |||
| 15742 | </div> | 15742 | </div> | |||
| 15743 | </div> | 15743 | </div> | |||
| 15744 | </div> | 15744 | </div> | |||
| 15745 | <div class="home-features porto-inner-container" style="padding-top: 40px; padding-bottom: 20px;"> | 15745 | <div class="home-features porto-inner-container" style="padding-top: 40px; padding-bottom: 20px;"> | |||
| 15746 | <style> | 15746 | <style> | |||
| 15747 | @media (min-width: 768px) { | 15747 | @media (min-width: 768px) { | |||
| 15748 | .home-features .column_container>.column-inner { | 15748 | .home-features .column_container>.column-inner { | |||
| 15749 | display: flex; | 15749 | display: flex; | |||
| 15750 | justify-content: center; | 15750 | justify-content: center; | |||
| 15751 | } | 15751 | } | |||
| 15752 | } | 15752 | } | |||
| 15753 | </style> | 15753 | </style> | |||
| 15754 | <div class="container"> | 15754 | <div class="container"> | |||
| 15755 | <div class="row align-items-center"> | 15755 | <div class="row align-items-center"> | |||
| 15756 | <div class="column_container col-md-6 col-lg-3"> | 15756 | <div class="column_container col-md-6 col-lg-3"> | |||
| 15757 | <div class="wpb_wrapper column-inner"> | 15757 | <div class="wpb_wrapper column-inner"> | |||
| 15758 | <div class="porto-sicon-box style_1 default-icon"> | 15758 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 15759 | <div class="porto-sicon-default"> | 15759 | <div class="porto-sicon-default"> | |||
| 15760 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 15760 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 15761 | <div class="porto-icon none" style="color: #222529; font-size: 35px; display: inline-block;"><i class="porto-icon-shipping"></i></div> | 15761 | <div class="porto-icon none" style="color: #222529; font-size: 35px; display: inline-block;"><i class="porto-icon-shipping"></i></div> | |||
| 15762 | </div> | 15762 | </div> | |||
| 15763 | </div> | 15763 | </div> | |||
| 15764 | <div class="porto-sicon-header"> | 15764 | <div class="porto-sicon-header"> | |||
| 15765 | <h6 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 14px;">FREE SHIPPING & RETURN</h6> | 15765 | <h6 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 14px;">FREE SHIPPING & RETURN</h6> | |||
| 15766 | <p style="font-size: 13px; line-height: 15px;">Free shipping on all orders over $99.</p> | 15766 | <p style="font-size: 13px; line-height: 15px;">Free shipping on all orders over $99.</p> | |||
| 15767 | </div> | 15767 | </div> | |||
| 15768 | </div> | 15768 | </div> | |||
| 15769 | </div> | 15769 | </div> | |||
| 15770 | </div> | 15770 | </div> | |||
| 15771 | <div class="column_container col-md-6 col-lg-3"> | 15771 | <div class="column_container col-md-6 col-lg-3"> | |||
| 15772 | <div class="wpb_wrapper column-inner"> | 15772 | <div class="wpb_wrapper column-inner"> | |||
| 15773 | <div class="porto-sicon-box style_1 default-icon"> | 15773 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 15774 | <div class="porto-sicon-default"> | 15774 | <div class="porto-sicon-default"> | |||
| 15775 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 15775 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 15776 | <div class="porto-icon none" style="color: #222529; font-size: 35px; display: inline-block;"><i class="porto-icon-money"></i></div> | 15776 | <div class="porto-icon none" style="color: #222529; font-size: 35px; display: inline-block;"><i class="porto-icon-money"></i></div> | |||
| 15777 | </div> | 15777 | </div> | |||
| 15778 | </div> | 15778 | </div> | |||
| 15779 | <div class="porto-sicon-header"> | 15779 | <div class="porto-sicon-header"> | |||
| 15780 | <h6 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 14px;">MONEY BACK GUARANTEE</h6> | 15780 | <h6 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 14px;">MONEY BACK GUARANTEE</h6> | |||
| 15781 | <p style="font-size: 13px; line-height: 15px;">100% money back guarantee</p> | 15781 | <p style="font-size: 13px; line-height: 15px;">100% money back guarantee</p> | |||
| 15782 | </div> | 15782 | </div> | |||
| 15783 | </div> | 15783 | </div> | |||
| 15784 | </div> | 15784 | </div> | |||
| 15785 | </div> | 15785 | </div> | |||
| 15786 | <div class="column_container col-md-6 col-lg-3"> | 15786 | <div class="column_container col-md-6 col-lg-3"> | |||
| 15787 | <div class="wpb_wrapper column-inner"> | 15787 | <div class="wpb_wrapper column-inner"> | |||
| 15788 | <div class="porto-sicon-box style_1 default-icon"> | 15788 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 15789 | <div class="porto-sicon-default"> | 15789 | <div class="porto-sicon-default"> | |||
| 15790 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 15790 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 15791 | <div class="porto-icon none" style="color: #222529; font-size: 35px; display: inline-block;"><i class="porto-icon-support"></i></div> | 15791 | <div class="porto-icon none" style="color: #222529; font-size: 35px; display: inline-block;"><i class="porto-icon-support"></i></div> | |||
| 15792 | </div> | 15792 | </div> | |||
| 15793 | </div> | 15793 | </div> | |||
| 15794 | <div class="porto-sicon-header"> | 15794 | <div class="porto-sicon-header"> | |||
| 15795 | <h6 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 14px;">ONLINE SUPPORT 24/7</h6> | 15795 | <h6 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 14px;">ONLINE SUPPORT 24/7</h6> | |||
| 15796 | <p style="font-size: 13px; line-height: 15px;">Lorem ipsum dolor sit amet.</p> | 15796 | <p style="font-size: 13px; line-height: 15px;">Lorem ipsum dolor sit amet.</p> | |||
| 15797 | </div> | 15797 | </div> | |||
| 15798 | </div> | 15798 | </div> | |||
| 15799 | </div> | 15799 | </div> | |||
| 15800 | </div> | 15800 | </div> | |||
| 15801 | <div class="column_container col-md-6 col-lg-3"> | 15801 | <div class="column_container col-md-6 col-lg-3"> | |||
| 15802 | <div class="wpb_wrapper column-inner"> | 15802 | <div class="wpb_wrapper column-inner"> | |||
| 15803 | <div class="porto-sicon-box style_1 default-icon"> | 15803 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 15804 | <div class="porto-sicon-default"> | 15804 | <div class="porto-sicon-default"> | |||
| 15805 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 15805 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 15806 | <div class="porto-icon none" style="color: #222529; font-size: 35px; display: inline-block;"><i class="porto-icon-secure-payment"></i></div> | 15806 | <div class="porto-icon none" style="color: #222529; font-size: 35px; display: inline-block;"><i class="porto-icon-secure-payment"></i></div> | |||
| 15807 | </div> | 15807 | </div> | |||
| 15808 | </div> | 15808 | </div> | |||
| 15809 | <div class="porto-sicon-header"> | 15809 | <div class="porto-sicon-header"> | |||
| 15810 | <h6 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 14px;">SECURE PAYMENT</h6> | 15810 | <h6 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 14px;">SECURE PAYMENT</h6> | |||
| 15811 | <p style="font-size: 13px; line-height: 15px;">Lorem ipsum dolor sit amet.</p> | 15811 | <p style="font-size: 13px; line-height: 15px;">Lorem ipsum dolor sit amet.</p> | |||
| 15812 | </div> | 15812 | </div> | |||
| 15813 | </div> | 15813 | </div> | |||
| 15814 | </div> | 15814 | </div> | |||
| 15815 | </div> | 15815 | </div> | |||
| 15816 | </div> | 15816 | </div> | |||
| 15817 | </div> | 15817 | </div> | |||
| 15818 | </div> | 15818 | </div> | |||
| 15819 | <div class="vc_row wpb_row porto-inner-container"> | 15819 | <div class="vc_row wpb_row porto-inner-container"> | |||
| 15820 | <div class="porto-wrap-container container"> | 15820 | <div class="porto-wrap-container container"> | |||
| 15821 | <div class="row"> | 15821 | <div class="row"> | |||
| 15822 | <div class="vc_column_container col-md-12"> | 15822 | <div class="vc_column_container col-md-12"> | |||
| 15823 | <div class="wpb_wrapper vc_column-inner"> | 15823 | <div class="wpb_wrapper vc_column-inner"> | |||
| 15824 | <div class="porto-separator short"><hr class="separator-line align_center solid" style="margin-bottom: 42px;"/></div> | 15824 | <div class="porto-separator short"><hr class="separator-line align_center solid" style="margin-bottom: 42px;"/></div> | |||
| 15825 | <style> | 15825 | <style> | |||
| 15826 | 15826 | |||||
| 15827 | .product.data.items > .item.title { | 15827 | .product.data.items > .item.title { | |||
| 15828 | color: inherit; | 15828 | color: inherit; | |||
| 15829 | border-bottom-width: 3px; | 15829 | border-bottom-width: 3px; | |||
| 15830 | font-size: inherit; | 15830 | font-size: inherit; | |||
| 15831 | font-weight: 500; | 15831 | font-weight: 500; | |||
| 15832 | text-transform: uppercase; | 15832 | text-transform: uppercase; | |||
| 15833 | letter-spacing: .15em; | 15833 | letter-spacing: .15em; | |||
| 15834 | } | 15834 | } | |||
| 15835 | .product.data.items > .item.title:hover { | 15835 | .product.data.items > .item.title:hover { | |||
| 15836 | border-color: #606da6; | 15836 | border-color: #606da6; | |||
| 15837 | color: #606da6; | 15837 | color: #606da6; | |||
| 15838 | } | 15838 | } | |||
| 15839 | .product.data.items > .item.title > .switch { | 15839 | .product.data.items > .item.title > .switch { | |||
| 15840 | font-size: inherit; | 15840 | font-size: inherit; | |||
| 15841 | } | 15841 | } | |||
| 15842 | .product.data.items > .item.title.active { | 15842 | .product.data.items > .item.title.active { | |||
| 15843 | color: #606da6; | 15843 | color: #606da6; | |||
| 15844 | border-color: #606da6; | 15844 | border-color: #606da6; | |||
| 15845 | } | 15845 | } | |||
| 15846 | .tabs.tabs-simple .section-title { | 15846 | .tabs.tabs-simple .section-title { | |||
| 15847 | text-align: left; | 15847 | text-align: left; | |||
| 15848 | } | 15848 | } | |||
| 15849 | @media(min-width: 1024px){ | 15849 | @media(min-width: 1024px){ | |||
| 15850 | .tabs.tabs-simple .section-title { | 15850 | .tabs.tabs-simple .section-title { | |||
| 15851 | margin: 0; | 15851 | margin: 0; | |||
| 15852 | margin-bottom: -28px; | 15852 | margin-bottom: -28px; | |||
| 15853 | padding-top: 3px; | 15853 | padding-top: 3px; | |||
| 15854 | } | 15854 | } | |||
| 15855 | } | 15855 | } | |||
| 15856 | @media(min-width: 768px){ | 15856 | @media(min-width: 768px){ | |||
| 15857 | .product.data.items { | 15857 | .product.data.items { | |||
| 15858 | text-align: right; | 15858 | text-align: right; | |||
| 15859 | } | 15859 | } | |||
| 15860 | .product.data.items > .item.title { | 15860 | .product.data.items > .item.title { | |||
| 15861 | margin: 2px 27px .5rem 0; | 15861 | margin: 2px 27px .5rem 0; | |||
| 15862 | color: inherit; | 15862 | color: inherit; | |||
| 15863 | padding: 0; | 15863 | padding: 0; | |||
| 15864 | padding-top: 2px; | 15864 | padding-top: 2px; | |||
| 15865 | font-size: inherit; | 15865 | font-size: inherit; | |||
| 15866 | display: inline-block; | 15866 | display: inline-block; | |||
| 15867 | float: none; | 15867 | float: none; | |||
| 15868 | } | 15868 | } | |||
| 15869 | .product.data.items > .item.content { | 15869 | .product.data.items > .item.content { | |||
| 15870 | border-top: none; | 15870 | border-top: none; | |||
| 15871 | margin-top: 2.16rem; | 15871 | margin-top: 2.16rem; | |||
| 15872 | } | 15872 | } | |||
| 15873 | } | 15873 | } | |||
| 15874 | </style> | 15874 | </style> | |||
| 15875 | <div class="tabs tabs-simple"> | 15875 | <div class="tabs tabs-simple"> | |||
| 15876 | <div class="product data items" data-mage-init='{"tabs":{"openedState":"active","collapsible":"true"}}'> | 15876 | <div class="product data items" data-mage-init='{"tabs":{"openedState":"active","collapsible":"true"}}'> | |||
| 15877 | <h2 class="section-title slider-title"><span class="inline-title">Featured Products</span><span class="line"></span></h2> | 15877 | <h2 class="section-title slider-title"><span class="inline-title">Featured Products</span><span class="line"></span></h2> | |||
| 15878 | <div class="data item title" aria-labeledby="tab-label-tab1-title" data-role="collapsible" id="tab-label-tab1"> | 15878 | <div class="data item title" aria-labeledby="tab-label-tab1-title" data-role="collapsible" id="tab-label-tab1"> | |||
| 15879 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#tab1" id="tab-label-tab1-title"> | 15879 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#tab1" id="tab-label-tab1-title"> | |||
| 15880 | <span>Kitchen</span> | 15880 | <span>Kitchen</span> | |||
| 15881 | </a> | 15881 | </a> | |||
| 15882 | </div> | 15882 | </div> | |||
| 15883 | <div class="data item content" id="tab1" data-role="content"> | 15883 | <div class="data item content" id="tab1" data-role="content"> | |||
| 15884 | <div id="tab1-products" class="porto-products wpb_content_element"> | 15884 | <div id="tab1-products" class="porto-products wpb_content_element"> | |||
| 15885 | <div class="slider-wrapper"> | 15885 | <div class="slider-wrapper"> | |||
| 15886 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="tab1_product" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1" product_count="6" product_type="1" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | 15886 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="tab1_product" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1" product_count="6" product_type="1" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||
| 15887 | <script type="text/javascript"> | 15887 | <script type="text/javascript"> | |||
| 15888 | require([ | 15888 | require([ | |||
| 15889 | 'jquery', | 15889 | 'jquery', | |||
| 15890 | 'owl.carousel/owl.carousel.min' | 15890 | 'owl.carousel/owl.carousel.min' | |||
| 15891 | ], function ($) { | 15891 | ], function ($) { | |||
| 15892 | $("#tab1-products .owl-carousel").owlCarousel({ | 15892 | $("#tab1-products .owl-carousel").owlCarousel({ | |||
| 15893 | autoplay: true, | 15893 | autoplay: true, | |||
| 15894 | autoplayTimeout: 5000, | 15894 | autoplayTimeout: 5000, | |||
| 15895 | autoplayHoverPause: true, | 15895 | autoplayHoverPause: true, | |||
| 15896 | loop: true, | 15896 | loop: true, | |||
| 15897 | navRewind: true, | 15897 | navRewind: true, | |||
| 15898 | lazyLoad:true, | 15898 | lazyLoad:true, | |||
| 15899 | margin: 0, | 15899 | margin: 0, | |||
| 15900 | nav: true, | 15900 | nav: true, | |||
| 15901 | dots: false, | 15901 | dots: false, | |||
| 15902 | responsive: { | 15902 | responsive: { | |||
| 15903 | 0: { | 15903 | 0: { | |||
| 15904 | items:2 | 15904 | items:2 | |||
| 15905 | }, | 15905 | }, | |||
| 15906 | 640: { | 15906 | 640: { | |||
| 15907 | items:2 | 15907 | items:2 | |||
| 15908 | }, | 15908 | }, | |||
| 15909 | 768: { | 15909 | 768: { | |||
| 15910 | items:2 | 15910 | items:2 | |||
| 15911 | }, | 15911 | }, | |||
| 15912 | 992: { | 15912 | 992: { | |||
| 15913 | items:3 | 15913 | items:3 | |||
| 15914 | }, | 15914 | }, | |||
| 15915 | 1200: { | 15915 | 1200: { | |||
| 15916 | items:5 | 15916 | items:5 | |||
| 15917 | } | 15917 | } | |||
| 15918 | } | 15918 | } | |||
| 15919 | }); | 15919 | }); | |||
| 15920 | }); | 15920 | }); | |||
| 15921 | </script> | 15921 | </script> | |||
| 15922 | </div> | 15922 | </div> | |||
| 15923 | </div> | 15923 | </div> | |||
| 15924 | </div> | 15924 | </div> | |||
| 15925 | <div class="data item title" aria-labeledby="tab-label-tab2-title" data-role="collapsible" id="tab-label-tab2"> | 15925 | <div class="data item title" aria-labeledby="tab-label-tab2-title" data-role="collapsible" id="tab-label-tab2"> | |||
| 15926 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#tab2" id="tab-label-tab2-title"> | 15926 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#tab2" id="tab-label-tab2-title"> | |||
| 15927 | <span>Dining</span> | 15927 | <span>Dining</span> | |||
| 15928 | </a> | 15928 | </a> | |||
| 15929 | </div> | 15929 | </div> | |||
| 15930 | <div class="data item content" id="tab2" data-role="content"> | 15930 | <div class="data item content" id="tab2" data-role="content"> | |||
| 15931 | <div id="tab2-products" class="porto-products wpb_content_element"> | 15931 | <div id="tab2-products" class="porto-products wpb_content_element"> | |||
| 15932 | <div class="slider-wrapper"> | 15932 | <div class="slider-wrapper"> | |||
| 15933 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="tab1_product" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1" product_count="6" product_type="1" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | 15933 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="tab1_product" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1" product_count="6" product_type="1" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||
| 15934 | <script type="text/javascript"> | 15934 | <script type="text/javascript"> | |||
| 15935 | require([ | 15935 | require([ | |||
| 15936 | 'jquery', | 15936 | 'jquery', | |||
| 15937 | 'owl.carousel/owl.carousel.min' | 15937 | 'owl.carousel/owl.carousel.min' | |||
| 15938 | ], function ($) { | 15938 | ], function ($) { | |||
| 15939 | $("#tab2-products .owl-carousel").owlCarousel({ | 15939 | $("#tab2-products .owl-carousel").owlCarousel({ | |||
| 15940 | autoplay: true, | 15940 | autoplay: true, | |||
| 15941 | autoplayTimeout: 5000, | 15941 | autoplayTimeout: 5000, | |||
| 15942 | autoplayHoverPause: true, | 15942 | autoplayHoverPause: true, | |||
| 15943 | loop: true, | 15943 | loop: true, | |||
| 15944 | navRewind: true, | 15944 | navRewind: true, | |||
| 15945 | lazyLoad:true, | 15945 | lazyLoad:true, | |||
| 15946 | margin: 0, | 15946 | margin: 0, | |||
| 15947 | nav: true, | 15947 | nav: true, | |||
| 15948 | dots: false, | 15948 | dots: false, | |||
| 15949 | responsive: { | 15949 | responsive: { | |||
| 15950 | 0: { | 15950 | 0: { | |||
| 15951 | items:2 | 15951 | items:2 | |||
| 15952 | }, | 15952 | }, | |||
| 15953 | 640: { | 15953 | 640: { | |||
| 15954 | items:2 | 15954 | items:2 | |||
| 15955 | }, | 15955 | }, | |||
| 15956 | 768: { | 15956 | 768: { | |||
| 15957 | items:2 | 15957 | items:2 | |||
| 15958 | }, | 15958 | }, | |||
| 15959 | 992: { | 15959 | 992: { | |||
| 15960 | items:3 | 15960 | items:3 | |||
| 15961 | }, | 15961 | }, | |||
| 15962 | 1200: { | 15962 | 1200: { | |||
| 15963 | items:5 | 15963 | items:5 | |||
| 15964 | } | 15964 | } | |||
| 15965 | } | 15965 | } | |||
| 15966 | }); | 15966 | }); | |||
| 15967 | }); | 15967 | }); | |||
| 15968 | </script> | 15968 | </script> | |||
| 15969 | </div> | 15969 | </div> | |||
| 15970 | </div> | 15970 | </div> | |||
| 15971 | </div> | 15971 | </div> | |||
| 15972 | <div class="data item title" aria-labeledby="tab-label-tab3-title" data-role="collapsible" id="tab-label-tab3"> | 15972 | <div class="data item title" aria-labeledby="tab-label-tab3-title" data-role="collapsible" id="tab-label-tab3"> | |||
| 15973 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#tab3" id="tab-label-tab3-title"> | 15973 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#tab3" id="tab-label-tab3-title"> | |||
| 15974 | <span>Bedroom</span> | 15974 | <span>Bedroom</span> | |||
| 15975 | </a> | 15975 | </a> | |||
| 15976 | </div> | 15976 | </div> | |||
| 15977 | <div class="data item content" id="tab3" data-role="content"> | 15977 | <div class="data item content" id="tab3" data-role="content"> | |||
| 15978 | <div id="tab3-products" class="porto-products wpb_content_element"> | 15978 | <div id="tab3-products" class="porto-products wpb_content_element"> | |||
| 15979 | <div class="slider-wrapper"> | 15979 | <div class="slider-wrapper"> | |||
| 15980 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="tab1_product" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1" product_count="6" product_type="1" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | 15980 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="tab1_product" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1" product_count="6" product_type="1" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||
| 15981 | <script type="text/javascript"> | 15981 | <script type="text/javascript"> | |||
| 15982 | require([ | 15982 | require([ | |||
| 15983 | 'jquery', | 15983 | 'jquery', | |||
| 15984 | 'owl.carousel/owl.carousel.min' | 15984 | 'owl.carousel/owl.carousel.min' | |||
| 15985 | ], function ($) { | 15985 | ], function ($) { | |||
| 15986 | $("#tab3-products .owl-carousel").owlCarousel({ | 15986 | $("#tab3-products .owl-carousel").owlCarousel({ | |||
| 15987 | autoplay: true, | 15987 | autoplay: true, | |||
| 15988 | autoplayTimeout: 5000, | 15988 | autoplayTimeout: 5000, | |||
| 15989 | autoplayHoverPause: true, | 15989 | autoplayHoverPause: true, | |||
| 15990 | loop: true, | 15990 | loop: true, | |||
| 15991 | navRewind: true, | 15991 | navRewind: true, | |||
| 15992 | lazyLoad:true, | 15992 | lazyLoad:true, | |||
| 15993 | margin: 0, | 15993 | margin: 0, | |||
| 15994 | nav: true, | 15994 | nav: true, | |||
| 15995 | dots: false, | 15995 | dots: false, | |||
| 15996 | responsive: { | 15996 | responsive: { | |||
| 15997 | 0: { | 15997 | 0: { | |||
| 15998 | items:2 | 15998 | items:2 | |||
| 15999 | }, | 15999 | }, | |||
| 16000 | 640: { | 16000 | 640: { | |||
| 16001 | items:2 | 16001 | items:2 | |||
| 16002 | }, | 16002 | }, | |||
| 16003 | 768: { | 16003 | 768: { | |||
| 16004 | items:2 | 16004 | items:2 | |||
| 16005 | }, | 16005 | }, | |||
| 16006 | 992: { | 16006 | 992: { | |||
| 16007 | items:3 | 16007 | items:3 | |||
| 16008 | }, | 16008 | }, | |||
| 16009 | 1200: { | 16009 | 1200: { | |||
| 16010 | items:5 | 16010 | items:5 | |||
| 16011 | } | 16011 | } | |||
| 16012 | } | 16012 | } | |||
| 16013 | }); | 16013 | }); | |||
| 16014 | }); | 16014 | }); | |||
| 16015 | </script> | 16015 | </script> | |||
| 16016 | </div> | 16016 | </div> | |||
| 16017 | </div> | 16017 | </div> | |||
| 16018 | </div> | 16018 | </div> | |||
| 16019 | <div class="data item title" aria-labeledby="tab-label-tab4-title" data-role="collapsible" id="tab-label-tab4"> | 16019 | <div class="data item title" aria-labeledby="tab-label-tab4-title" data-role="collapsible" id="tab-label-tab4"> | |||
| 16020 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#tab4" id="tab-label-tab4-title"> | 16020 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#tab4" id="tab-label-tab4-title"> | |||
| 16021 | <span>Living</span> | 16021 | <span>Living</span> | |||
| 16022 | </a> | 16022 | </a> | |||
| 16023 | </div> | 16023 | </div> | |||
| 16024 | <div class="data item content" id="tab4" data-role="content"> | 16024 | <div class="data item content" id="tab4" data-role="content"> | |||
| 16025 | <div id="tab4-products" class="porto-products wpb_content_element"> | 16025 | <div id="tab4-products" class="porto-products wpb_content_element"> | |||
| 16026 | <div class="slider-wrapper"> | 16026 | <div class="slider-wrapper"> | |||
| 16027 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="tab1_product" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1" product_count="6" product_type="1" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | 16027 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="tab1_product" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1" product_count="6" product_type="1" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||
| 16028 | <script type="text/javascript"> | 16028 | <script type="text/javascript"> | |||
| 16029 | require([ | 16029 | require([ | |||
| 16030 | 'jquery', | 16030 | 'jquery', | |||
| 16031 | 'owl.carousel/owl.carousel.min' | 16031 | 'owl.carousel/owl.carousel.min' | |||
| 16032 | ], function ($) { | 16032 | ], function ($) { | |||
| 16033 | $("#tab4-products .owl-carousel").owlCarousel({ | 16033 | $("#tab4-products .owl-carousel").owlCarousel({ | |||
| 16034 | autoplay: true, | 16034 | autoplay: true, | |||
| 16035 | autoplayTimeout: 5000, | 16035 | autoplayTimeout: 5000, | |||
| 16036 | autoplayHoverPause: true, | 16036 | autoplayHoverPause: true, | |||
| 16037 | loop: true, | 16037 | loop: true, | |||
| 16038 | navRewind: true, | 16038 | navRewind: true, | |||
| 16039 | lazyLoad:true, | 16039 | lazyLoad:true, | |||
| 16040 | margin: 0, | 16040 | margin: 0, | |||
| 16041 | nav: true, | 16041 | nav: true, | |||
| 16042 | dots: false, | 16042 | dots: false, | |||
| 16043 | responsive: { | 16043 | responsive: { | |||
| 16044 | 0: { | 16044 | 0: { | |||
| 16045 | items:2 | 16045 | items:2 | |||
| 16046 | }, | 16046 | }, | |||
| 16047 | 640: { | 16047 | 640: { | |||
| 16048 | items:2 | 16048 | items:2 | |||
| 16049 | }, | 16049 | }, | |||
| 16050 | 768: { | 16050 | 768: { | |||
| 16051 | items:2 | 16051 | items:2 | |||
| 16052 | }, | 16052 | }, | |||
| 16053 | 992: { | 16053 | 992: { | |||
| 16054 | items:3 | 16054 | items:3 | |||
| 16055 | }, | 16055 | }, | |||
| 16056 | 1200: { | 16056 | 1200: { | |||
| 16057 | items:5 | 16057 | items:5 | |||
| 16058 | } | 16058 | } | |||
| 16059 | } | 16059 | } | |||
| 16060 | }); | 16060 | }); | |||
| 16061 | }); | 16061 | }); | |||
| 16062 | </script> | 16062 | </script> | |||
| 16063 | </div> | 16063 | </div> | |||
| 16064 | </div> | 16064 | </div> | |||
| 16065 | </div> | 16065 | </div> | |||
| 16066 | <div class="data item title" aria-labeledby="tab-label-tab5-title" data-role="collapsible" id="tab-label-tab5"> | 16066 | <div class="data item title" aria-labeledby="tab-label-tab5-title" data-role="collapsible" id="tab-label-tab5"> | |||
| 16067 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#tab5" id="tab-label-tab5-title"> | 16067 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#tab5" id="tab-label-tab5-title"> | |||
| 16068 | <span>Office</span> | 16068 | <span>Office</span> | |||
| 16069 | </a> | 16069 | </a> | |||
| 16070 | </div> | 16070 | </div> | |||
| 16071 | <div class="data item content" id="tab5" data-role="content"> | 16071 | <div class="data item content" id="tab5" data-role="content"> | |||
| 16072 | <div id="tab5-products" class="porto-products wpb_content_element"> | 16072 | <div id="tab5-products" class="porto-products wpb_content_element"> | |||
| 16073 | <div class="slider-wrapper"> | 16073 | <div class="slider-wrapper"> | |||
| 16074 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="tab1_product" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1" product_count="6" product_type="1" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | 16074 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="tab1_product" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1" product_count="6" product_type="1" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||
| 16075 | <script type="text/javascript"> | 16075 | <script type="text/javascript"> | |||
| 16076 | require([ | 16076 | require([ | |||
| 16077 | 'jquery', | 16077 | 'jquery', | |||
| 16078 | 'owl.carousel/owl.carousel.min' | 16078 | 'owl.carousel/owl.carousel.min' | |||
| 16079 | ], function ($) { | 16079 | ], function ($) { | |||
| 16080 | $("#tab5-products .owl-carousel").owlCarousel({ | 16080 | $("#tab5-products .owl-carousel").owlCarousel({ | |||
| 16081 | autoplay: true, | 16081 | autoplay: true, | |||
| 16082 | autoplayTimeout: 5000, | 16082 | autoplayTimeout: 5000, | |||
| 16083 | autoplayHoverPause: true, | 16083 | autoplayHoverPause: true, | |||
| 16084 | loop: true, | 16084 | loop: true, | |||
| 16085 | navRewind: true, | 16085 | navRewind: true, | |||
| 16086 | lazyLoad:true, | 16086 | lazyLoad:true, | |||
| 16087 | margin: 0, | 16087 | margin: 0, | |||
| 16088 | nav: true, | 16088 | nav: true, | |||
| 16089 | dots: false, | 16089 | dots: false, | |||
| 16090 | responsive: { | 16090 | responsive: { | |||
| 16091 | 0: { | 16091 | 0: { | |||
| 16092 | items:2 | 16092 | items:2 | |||
| 16093 | }, | 16093 | }, | |||
| 16094 | 640: { | 16094 | 640: { | |||
| 16095 | items:2 | 16095 | items:2 | |||
| 16096 | }, | 16096 | }, | |||
| 16097 | 768: { | 16097 | 768: { | |||
| 16098 | items:2 | 16098 | items:2 | |||
| 16099 | }, | 16099 | }, | |||
| 16100 | 992: { | 16100 | 992: { | |||
| 16101 | items:3 | 16101 | items:3 | |||
| 16102 | }, | 16102 | }, | |||
| 16103 | 1200: { | 16103 | 1200: { | |||
| 16104 | items:5 | 16104 | items:5 | |||
| 16105 | } | 16105 | } | |||
| 16106 | } | 16106 | } | |||
| 16107 | }); | 16107 | }); | |||
| 16108 | }); | 16108 | }); | |||
| 16109 | </script> | 16109 | </script> | |||
| 16110 | </div> | 16110 | </div> | |||
| 16111 | </div> | 16111 | </div> | |||
| 16112 | </div> | 16112 | </div> | |||
| 16113 | <div class="data item title" aria-labeledby="tab-label-tab6-title" data-role="collapsible" id="tab-label-tab6"> | 16113 | <div class="data item title" aria-labeledby="tab-label-tab6-title" data-role="collapsible" id="tab-label-tab6"> | |||
| 16114 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#tab6" id="tab-label-tab6-title"> | 16114 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#tab6" id="tab-label-tab6-title"> | |||
| 16115 | <span>Outdoor</span> | 16115 | <span>Outdoor</span> | |||
| 16116 | </a> | 16116 | </a> | |||
| 16117 | </div> | 16117 | </div> | |||
| 16118 | <div class="data item content" id="tab6" data-role="content"> | 16118 | <div class="data item content" id="tab6" data-role="content"> | |||
| 16119 | <div id="tab6-products" class="porto-products wpb_content_element"> | 16119 | <div id="tab6-products" class="porto-products wpb_content_element"> | |||
| 16120 | <div class="slider-wrapper"> | 16120 | <div class="slider-wrapper"> | |||
| 16121 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="tab1_product" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1" product_count="6" product_type="1" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | 16121 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="tab1_product" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1" product_count="6" product_type="1" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||
| 16122 | <script type="text/javascript"> | 16122 | <script type="text/javascript"> | |||
| 16123 | require([ | 16123 | require([ | |||
| 16124 | 'jquery', | 16124 | 'jquery', | |||
| 16125 | 'owl.carousel/owl.carousel.min' | 16125 | 'owl.carousel/owl.carousel.min' | |||
| 16126 | ], function ($) { | 16126 | ], function ($) { | |||
| 16127 | $("#tab6-products .owl-carousel").owlCarousel({ | 16127 | $("#tab6-products .owl-carousel").owlCarousel({ | |||
| 16128 | autoplay: true, | 16128 | autoplay: true, | |||
| 16129 | autoplayTimeout: 5000, | 16129 | autoplayTimeout: 5000, | |||
| 16130 | autoplayHoverPause: true, | 16130 | autoplayHoverPause: true, | |||
| 16131 | loop: true, | 16131 | loop: true, | |||
| 16132 | navRewind: true, | 16132 | navRewind: true, | |||
| 16133 | lazyLoad:true, | 16133 | lazyLoad:true, | |||
| 16134 | margin: 0, | 16134 | margin: 0, | |||
| 16135 | nav: true, | 16135 | nav: true, | |||
| 16136 | dots: false, | 16136 | dots: false, | |||
| 16137 | responsive: { | 16137 | responsive: { | |||
| 16138 | 0: { | 16138 | 0: { | |||
| 16139 | items:2 | 16139 | items:2 | |||
| 16140 | }, | 16140 | }, | |||
| 16141 | 640: { | 16141 | 640: { | |||
| 16142 | items:2 | 16142 | items:2 | |||
| 16143 | }, | 16143 | }, | |||
| 16144 | 768: { | 16144 | 768: { | |||
| 16145 | items:2 | 16145 | items:2 | |||
| 16146 | }, | 16146 | }, | |||
| 16147 | 992: { | 16147 | 992: { | |||
| 16148 | items:3 | 16148 | items:3 | |||
| 16149 | }, | 16149 | }, | |||
| 16150 | 1200: { | 16150 | 1200: { | |||
| 16151 | items:5 | 16151 | items:5 | |||
| 16152 | } | 16152 | } | |||
| 16153 | } | 16153 | } | |||
| 16154 | }); | 16154 | }); | |||
| 16155 | }); | 16155 | }); | |||
| 16156 | </script> | 16156 | </script> | |||
| 16157 | </div> | 16157 | </div> | |||
| 16158 | </div> | 16158 | </div> | |||
| 16159 | </div> | 16159 | </div> | |||
| 16160 | </div> | 16160 | </div> | |||
| 16161 | </div> | 16161 | </div> | |||
| 16162 | </div> | 16162 | </div> | |||
| 16163 | </div> | 16163 | </div> | |||
| 16164 | </div> | 16164 | </div> | |||
| 16165 | </div> | 16165 | </div> | |||
| 16166 | </div> | 16166 | </div> | |||
| 16167 | <div style="background: url({{media url="wysiwyg/smartwave/porto/homepage/27/shop27_home_parallax.jpg"}}) center no-repeat; padding-top: 100px; padding-bottom: 100px;" class="porto-inner-container"> | 16167 | <div style="background: url({{media url="wysiwyg/smartwave/porto/homepage/27/shop27_home_parallax.jpg"}}) center no-repeat; padding-top: 100px; padding-bottom: 100px;" class="porto-inner-container"> | |||
| 16168 | <div class="container"> | 16168 | <div class="container"> | |||
| 16169 | <style> | 16169 | <style> | |||
| 16170 | .coupon-text-primary b { | 16170 | .coupon-text-primary b { | |||
| 16171 | background: #606da6; | 16171 | background: #606da6; | |||
| 16172 | } | 16172 | } | |||
| 16173 | </style> | 16173 | </style> | |||
| 16174 | <div class="row align-items-center"> | 16174 | <div class="row align-items-center"> | |||
| 16175 | <div class="d-flex justify-content-center justify-content-md-start mb-5 mb-md-0 vc_column_container col-md-6"> | 16175 | <div class="d-flex justify-content-center justify-content-md-start mb-5 mb-md-0 vc_column_container col-md-6"> | |||
| 16176 | <div class="wpb_wrapper vc_column-inner"> | 16176 | <div class="wpb_wrapper vc_column-inner"> | |||
| 16177 | <p style="font-size: 16px; color: rgba(255, 255, 255, 0.4); line-height: 1.2; font-weight: 700;" class="vc_custom_heading mb-0 ls-25em align-left text-uppercase">IT IS TIME FOR A</p> | 16177 | <p style="font-size: 16px; color: rgba(255, 255, 255, 0.4); line-height: 1.2; font-weight: 700;" class="vc_custom_heading mb-0 ls-25em align-left text-uppercase">IT IS TIME FOR A</p> | |||
| 16178 | <h2 style="font-size: 50px; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-2 align-left heading-light">Modern Bathroom</h2> | 16178 | <h2 style="font-size: 50px; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-2 align-left heading-light">Modern Bathroom</h2> | |||
| 16179 | <div class="btn-container mb-0 text-right"> | 16179 | <div class="btn-container mb-0 text-right"> | |||
| 16180 | <a class="btn btn-borders btn-lg btn-light" href="#" title="Shop"> SHOW NOW <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i> </a> | 16180 | <a class="btn btn-borders btn-lg btn-light" href="#" title="Shop"> SHOW NOW <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i> </a> | |||
| 16181 | </div> | 16181 | </div> | |||
| 16182 | </div> | 16182 | </div> | |||
| 16183 | </div> | 16183 | </div> | |||
| 16184 | <div class="d-flex justify-content-center justify-content-md-end vc_column_container col-md-6 col-xl-5"> | 16184 | <div class="d-flex justify-content-center justify-content-md-end vc_column_container col-md-6 col-xl-5"> | |||
| 16185 | <div class="wpb_wrapper vc_column-inner"> | 16185 | <div class="wpb_wrapper vc_column-inner"> | |||
| 16186 | <div style="font-size: 1.875rem; line-height: 1.2; font-weight: 700;" class="vc_custom_heading coupon-text background-color-light m-b-sm align-left heading-dark">Exclusive COUPON</div> | 16186 | <div style="font-size: 1.875rem; line-height: 1.2; font-weight: 700;" class="vc_custom_heading coupon-text background-color-light m-b-sm align-left heading-dark">Exclusive COUPON</div> | |||
| 16187 | <div style="font-size: 1.625rem; line-height: 1; font-weight: 700;" class="vc_custom_heading coupon-text-sale coupon-text-primary align-left text-uppercase heading-light"><i>up to</i><b>$200</b> OFF</div> | 16187 | <div style="font-size: 1.625rem; line-height: 1; font-weight: 700;" class="vc_custom_heading coupon-text-sale coupon-text-primary align-left text-uppercase heading-light"><i>up to</i><b>$200</b> OFF</div> | |||
| 16188 | </div> | 16188 | </div> | |||
| 16189 | </div> | 16189 | </div> | |||
| 16190 | </div> | 16190 | </div> | |||
| 16191 | </div> | 16191 | </div> | |||
| 16192 | </div> | 16192 | </div> | |||
| 16193 | <div class="porto-inner-container" style="padding-top: 80px; padding-bottom: 40px;"> | 16193 | <div class="porto-inner-container" style="padding-top: 80px; padding-bottom: 40px;"> | |||
| 16194 | <div class="container"> | 16194 | <div class="container"> | |||
| 16195 | <div class="row"> | 16195 | <div class="row"> | |||
| 16196 | <div class="col-md-12"> | 16196 | <div class="col-md-12"> | |||
| 16197 | <div class="wpb_wrapper vc_column-inner"> | 16197 | <div class="wpb_wrapper vc_column-inner"> | |||
| 16198 | <div class="porto-products wpb_content_element mb-0"> | 16198 | <div class="porto-products wpb_content_element mb-0"> | |||
| 16199 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="" product_count="12" column_count="6" product_type="3" aspect_ratio="0" image_width="350" image_height="350" template="grid.phtml"}} | 16199 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="" product_count="12" column_count="6" product_type="3" aspect_ratio="0" image_width="350" image_height="350" template="grid.phtml"}} | |||
| 16200 | </div> | 16200 | </div> | |||
| 16201 | <div class="btn-container mb-0 text-color-dark text-center" style="margin-top: 1em;"> | 16201 | <div class="btn-container mb-0 text-color-dark text-center" style="margin-top: 1em;"> | |||
| 16202 | <a class="btn btn-borders btn-lg btn-default" href="#" title="Shop"> BROWSE ALL <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i> </a> | 16202 | <a class="btn btn-borders btn-lg btn-default" href="#" title="Shop"> BROWSE ALL <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i> </a> | |||
| 16203 | </div> | 16203 | </div> | |||
| 16204 | <div class="porto-separator"><hr class="separator-line align_center solid" style="margin-top: 40px; margin-bottom: 45px;" /></div> | 16204 | <div class="porto-separator"><hr class="separator-line align_center solid" style="margin-top: 40px; margin-bottom: 45px;" /></div> | |||
| 16205 | <style> | 16205 | <style> | |||
| 16206 | .flex-style .vc_column-inner { | 16206 | .flex-style .vc_column-inner { | |||
| 16207 | display: flex; | 16207 | display: flex; | |||
| 16208 | flex-wrap: wrap; | 16208 | flex-wrap: wrap; | |||
| 16209 | align-items: center; | 16209 | align-items: center; | |||
| 16210 | } | 16210 | } | |||
| 16211 | .flex-style .vc_custom_heading { | 16211 | .flex-style .vc_custom_heading { | |||
| 16212 | padding-right: 25px; | 16212 | padding-right: 25px; | |||
| 16213 | margin-right: 25px; | 16213 | margin-right: 25px; | |||
| 16214 | border-right: 1px solid #e7e7e7; | 16214 | border-right: 1px solid #e7e7e7; | |||
| 16215 | } | 16215 | } | |||
| 16216 | .ls-150em,.ls-150em .porto-sicon-title { | 16216 | .ls-150em,.ls-150em .porto-sicon-title { | |||
| 16217 | letter-spacing: .15em; | 16217 | letter-spacing: .15em; | |||
| 16218 | } | 16218 | } | |||
| 16219 | .porto-recent-posts img {display: block;} | 16219 | .porto-recent-posts img {display: block;} | |||
| 16220 | .porto-recent-posts .post-item { | 16220 | .porto-recent-posts .post-item { | |||
| 16221 | padding: 0; | 16221 | padding: 0; | |||
| 16222 | position: relative; | 16222 | position: relative; | |||
| 16223 | display: flex; | 16223 | display: flex; | |||
| 16224 | align-items: center; | 16224 | align-items: center; | |||
| 16225 | flex-wrap: wrap; | 16225 | flex-wrap: wrap; | |||
| 16226 | margin-left: -10px; | 16226 | margin-left: -10px; | |||
| 16227 | margin-right: -10px; | 16227 | margin-right: -10px; | |||
| 16228 | } | 16228 | } | |||
| 16229 | .porto-recent-posts .post-item > a { | 16229 | .porto-recent-posts .post-item > a { | |||
| 16230 | flex: 0 0 50%; | 16230 | flex: 0 0 50%; | |||
| 16231 | max-width: 100%; | 16231 | max-width: 100%; | |||
| 16232 | padding-left: 10px; | 16232 | padding-left: 10px; | |||
| 16233 | padding-right: 10px; | 16233 | padding-right: 10px; | |||
| 16234 | } | 16234 | } | |||
| 16235 | .porto-recent-posts .post-item > .post-content { | 16235 | .porto-recent-posts .post-item > .post-content { | |||
| 16236 | flex: 0 0 50%; | 16236 | flex: 0 0 50%; | |||
| 16237 | max-width: 100%; | 16237 | max-width: 100%; | |||
| 16238 | padding-left: 10px; | 16238 | padding-left: 10px; | |||
| 16239 | padding-right: 10px; | 16239 | padding-right: 10px; | |||
| 16240 | } | 16240 | } | |||
| 16241 | .porto-recent-posts .post-item .post-date { | 16241 | .porto-recent-posts .post-item .post-date { | |||
| 16242 | position: absolute; | 16242 | position: absolute; | |||
| 16243 | top: 10px; | 16243 | top: 10px; | |||
| 16244 | left: 20px; | 16244 | left: 20px; | |||
| 16245 | background: #606da6; | 16245 | background: #606da6; | |||
| 16246 | letter-spacing: 0; | 16246 | letter-spacing: 0; | |||
| 16247 | width: auto; | 16247 | width: auto; | |||
| 16248 | padding: 15px; | 16248 | padding: 15px; | |||
| 16249 | font-size: 2em; | 16249 | font-size: 2em; | |||
| 16250 | } | 16250 | } | |||
| 16251 | .porto-recent-posts .post-date .day { | 16251 | .porto-recent-posts .post-date .day { | |||
| 16252 | font-size: 2em; | 16252 | font-size: 2em; | |||
| 16253 | text-transform: uppercase; | 16253 | text-transform: uppercase; | |||
| 16254 | padding: 0; | 16254 | padding: 0; | |||
| 16255 | font-size: inherit; | 16255 | font-size: inherit; | |||
| 16256 | } | 16256 | } | |||
| 16257 | .porto-recent-posts .post-date .month { | 16257 | .porto-recent-posts .post-date .month { | |||
| 16258 | margin-top: .25rem; | 16258 | margin-top: .25rem; | |||
| 16259 | font-weight: 300; | 16259 | font-weight: 300; | |||
| 16260 | opacity: .5; | 16260 | opacity: .5; | |||
| 16261 | font-size: .428em; | 16261 | font-size: .428em; | |||
| 16262 | padding: 0; | 16262 | padding: 0; | |||
| 16263 | } | 16263 | } | |||
| 16264 | .porto-recent-posts h4 { | 16264 | .porto-recent-posts h4 { | |||
| 16265 | font-size: 1.4em; | 16265 | font-size: 1.4em; | |||
| 16266 | font-weight: 700; | 16266 | font-weight: 700; | |||
| 16267 | margin-bottom: .75rem; | 16267 | margin-bottom: .75rem; | |||
| 16268 | white-space: nowrap; | 16268 | white-space: nowrap; | |||
| 16269 | overflow: hidden; | 16269 | overflow: hidden; | |||
| 16270 | text-overflow: ellipsis; | 16270 | text-overflow: ellipsis; | |||
| 16271 | } | 16271 | } | |||
| 16272 | .porto-recent-posts .post-item .post-excerpt { | 16272 | .porto-recent-posts .post-item .post-excerpt { | |||
| 16273 | display: -webkit-box; | 16273 | display: -webkit-box; | |||
| 16274 | -webkit-line-clamp: 3; | 16274 | -webkit-line-clamp: 3; | |||
| 16275 | -webkit-box-orient: vertical; | 16275 | -webkit-box-orient: vertical; | |||
| 16276 | overflow: hidden; | 16276 | overflow: hidden; | |||
| 16277 | font-size: 13px; | 16277 | font-size: 13px; | |||
| 16278 | display:flex; | 16278 | display:flex; | |||
| 16279 | flex-wrap: wrap; | 16279 | flex-wrap: wrap; | |||
| 16280 | margin-bottom: 0; | 16280 | margin-bottom: 0; | |||
| 16281 | } | 16281 | } | |||
| 16282 | .post-item .read-more { | 16282 | .post-item .read-more { | |||
| 16283 | display: inline-block; | 16283 | display: inline-block; | |||
| 16284 | font-size: 11px; | 16284 | font-size: 11px; | |||
| 16285 | margin-bottom: 1rem; | 16285 | margin-bottom: 1rem; | |||
| 16286 | padding: 8px 20px; | 16286 | padding: 8px 20px; | |||
| 16287 | color: #222529; | 16287 | color: #222529; | |||
| 16288 | border: 2px solid #e7e7e7; | 16288 | border: 2px solid #e7e7e7; | |||
| 16289 | line-height: 1.3333; | 16289 | line-height: 1.3333; | |||
| 16290 | text-transform: uppercase; | 16290 | text-transform: uppercase; | |||
| 16291 | font-weight: 700; | 16291 | font-weight: 700; | |||
| 16292 | letter-spacing: .15em; | 16292 | letter-spacing: .15em; | |||
| 16293 | font-family: 'Poppins'; | 16293 | font-family: 'Poppins'; | |||
| 16294 | margin-top: 20px; | 16294 | margin-top: 20px; | |||
| 16295 | margin-bottom: 1rem; | 16295 | margin-bottom: 1rem; | |||
| 16296 | } | 16296 | } | |||
| 16297 | .post-item .read-more i {display: none;} | 16297 | .post-item .read-more i {display: none;} | |||
| 16298 | @media (max-width: 767px){ | 16298 | @media (max-width: 767px){ | |||
| 16299 | .porto-recent-posts .post-item > a { | 16299 | .porto-recent-posts .post-item > a { | |||
| 16300 | flex: 0 0 100%; | 16300 | flex: 0 0 100%; | |||
| 16301 | } | 16301 | } | |||
| 16302 | .porto-recent-posts .post-item > .post-content { | 16302 | .porto-recent-posts .post-item > .post-content { | |||
| 16303 | flex: 0 0 100%; | 16303 | flex: 0 0 100%; | |||
| 16304 | } | 16304 | } | |||
| 16305 | } | 16305 | } | |||
| 16306 | </style> | 16306 | </style> | |||
| 16307 | <div class="row flex-style"> | 16307 | <div class="row flex-style"> | |||
| 16308 | <div class="mb-4 mb-lg-0 col-md-12 col-lg-6"> | 16308 | <div class="mb-4 mb-lg-0 col-md-12 col-lg-6"> | |||
| 16309 | <div class="wpb_wrapper vc_column-inner d-flex align-items-center flex-wrap"> | 16309 | <div class="wpb_wrapper vc_column-inner d-flex align-items-center flex-wrap"> | |||
| 16310 | <h2 style="font-size: 22px; line-height: 1; font-weight: 700;" class="vc_custom_heading ls-150em m-b-md align-left text-uppercase">RECENT ARTICLE</h2> | 16310 | <h2 style="font-size: 22px; line-height: 1; font-weight: 700;" class="vc_custom_heading ls-150em m-b-md align-left text-uppercase">RECENT ARTICLE</h2> | |||
| 16311 | <a class="porto-sicon-box-link" href="#" title="Blog"> | 16311 | <a class="porto-sicon-box-link" href="#" title="Blog"> | |||
| 16312 | <div class="porto-sicon-box ls-150em style_1 heading-right-icon"> | 16312 | <div class="porto-sicon-box ls-150em style_1 heading-right-icon"> | |||
| 16313 | <div class="porto-sicon-header"><h5 class="porto-sicon-title" style="font-weight: 700; color: #606da6;">VIEW BLOG</h5></div> | 16313 | <div class="porto-sicon-header"><h5 class="porto-sicon-title" style="font-weight: 700; color: #606da6;">VIEW BLOG</h5></div> | |||
| 16314 | 16314 | |||||
| 16315 | <div class="porto-sicon-heading-right"> | 16315 | <div class="porto-sicon-heading-right"> | |||
| 16316 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 16316 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 16317 | <div class="porto-icon none" style="color: #606da6; font-size: 14px; display: inline-block;"><i class="fas fa-long-arrow-alt-right"></i></div> | 16317 | <div class="porto-icon none" style="color: #606da6; font-size: 14px; display: inline-block;"><i class="fas fa-long-arrow-alt-right"></i></div> | |||
| 16318 | </div> | 16318 | </div> | |||
| 16319 | </div> | 16319 | </div> | |||
| 16320 | </div> | 16320 | </div> | |||
| 16321 | </a> | 16321 | </a> | |||
| 16322 | <div class="porto-recent-posts porto-blog wpb_content_element mb-0" style="padding-bottom: 1rem;"> | 16322 | <div class="porto-recent-posts porto-blog wpb_content_element mb-0" style="padding-bottom: 1rem;"> | |||
| 16323 | {{widget type="Magefan\Blog\Block\Widget\Recent" number_of_posts="1" custom_template="recent_home.phtml"}} | 16323 | {{widget type="Magefan\Blog\Block\Widget\Recent" number_of_posts="1" custom_template="recent_home.phtml"}} | |||
| 16324 | </div> | 16324 | </div> | |||
| 16325 | </div> | 16325 | </div> | |||
| 16326 | </div> | 16326 | </div> | |||
| 16327 | <div class="col-md-12 col-lg-6"> | 16327 | <div class="col-md-12 col-lg-6"> | |||
| 16328 | <div class="wpb_wrapper vc_column-inner d-flex align-items-center flex-wrap"> | 16328 | <div class="wpb_wrapper vc_column-inner d-flex align-items-center flex-wrap"> | |||
| 16329 | <h2 style="font-size: 22px; line-height: 1; font-weight: 700;" class="vc_custom_heading ls-150em m-b-md align-left text-uppercase">from instagram</h2> | 16329 | <h2 style="font-size: 22px; line-height: 1; font-weight: 700;" class="vc_custom_heading ls-150em m-b-md align-left text-uppercase">from instagram</h2> | |||
| 16330 | <a class="porto-sicon-box-link" href="#" title="Blog"> | 16330 | <a class="porto-sicon-box-link" href="#" title="Blog"> | |||
| 16331 | <div class="porto-sicon-box ls-150em style_1 heading-right-icon"> | 16331 | <div class="porto-sicon-box ls-150em style_1 heading-right-icon"> | |||
| 16332 | <div class="porto-sicon-header"><h5 class="porto-sicon-title" style="font-weight: 700; color: #606da6;">@PORTODECOR</h5></div> | 16332 | <div class="porto-sicon-header"><h5 class="porto-sicon-title" style="font-weight: 700; color: #606da6;">@PORTODECOR</h5></div> | |||
| 16333 | 16333 | |||||
| 16334 | <div class="porto-sicon-heading-right"> | 16334 | <div class="porto-sicon-heading-right"> | |||
| 16335 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 16335 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 16336 | <div class="porto-icon none" style="color: #606da6; font-size: 14px; display: inline-block;"><i class="fas fa-long-arrow-alt-right"></i></div> | 16336 | <div class="porto-icon none" style="color: #606da6; font-size: 14px; display: inline-block;"><i class="fas fa-long-arrow-alt-right"></i></div> | |||
| 16337 | </div> | 16337 | </div> | |||
| 16338 | </div> | 16338 | </div> | |||
| 16339 | </div> | 16339 | </div> | |||
| 16340 | </a> | 16340 | </a> | |||
| 16341 | <div class="wpb_text_column wpb_content_element mb-0" style="overflow: hidden;"> | 16341 | <div class="wpb_text_column wpb_content_element mb-0" style="overflow: hidden;"> | |||
| 16342 | <div class="wpb_wrapper"> | 16342 | <div class="wpb_wrapper"> | |||
| 16343 | {{block class="Smartwave\Porto\Block\Template" name="instagram" margin="20" template_type="carousel" desktop="3" tablet="3" mobile="2" template="Smartwave_SocialFeed::instagramphotos.phtml"}} | 16343 | {{block class="Smartwave\Porto\Block\Template" name="instagram" margin="20" template_type="carousel" desktop="3" tablet="3" mobile="2" template="Smartwave_SocialFeed::instagramphotos.phtml"}} | |||
| 16344 | </div> | 16344 | </div> | |||
| 16345 | </div> | 16345 | </div> | |||
| 16346 | </div> | 16346 | </div> | |||
| 16347 | </div> | 16347 | </div> | |||
| 16348 | </div> | 16348 | </div> | |||
| 16349 | </div> | 16349 | </div> | |||
| 16350 | </div> | 16350 | </div> | |||
| 16351 | </div> | 16351 | </div> | |||
| 16352 | </div> | 16352 | </div> | |||
| 16353 | </div> | 16353 | </div> | |||
| 16354 | ]]> | 16354 | ]]> | |||
| 16355 | </content> | 16355 | </content> | |||
| 16356 | 16356 | |||||
| 16357 | <is_active> | 16357 | <is_active> | |||
| 16358 | 1 | 16358 | 1 | |||
| 16359 | </is_active> | 16359 | </is_active> | |||
| 16360 | 16360 | |||||
| 16361 | <page_layout> | 16361 | <page_layout> | |||
| 16362 | 1column | 16362 | 1column | |||
| 16363 | </page_layout> | 16363 | </page_layout> | |||
| 16364 | 16364 | |||||
| 16365 | <layout_update_xml> | 16365 | <layout_update_xml> | |||
| 16366 | <![CDATA[]]> | 16366 | <![CDATA[]]> | |||
| 16367 | </layout_update_xml> | 16367 | </layout_update_xml> | |||
| 16368 | 16368 | |||||
| 16369 | </cms_item> | 16369 | </cms_item> | |||
| 16370 | 16370 | |||||
| 16371 | <cms_item> | 16371 | <cms_item> | |||
| 16372 | 16372 | |||||
| 16373 | <title> | 16373 | <title> | |||
| 16374 | Porto - Homepage 28 | 16374 | Porto - Homepage 28 | |||
| 16375 | </title> | 16375 | </title> | |||
| 16376 | 16376 | |||||
| 16377 | <identifier> | 16377 | <identifier> | |||
| 16378 | porto_home_28 | 16378 | porto_home_28 | |||
| 16379 | </identifier> | 16379 | </identifier> | |||
| 16380 | 16380 | |||||
| 16381 | <content> | 16381 | <content> | |||
| 16382 | <![CDATA[<style> | 16382 | <![CDATA[<style> | |||
| 16383 | .columns .column.main { | 16383 | .columns .column.main { | |||
| 16384 | padding-bottom: 0; | 16384 | padding-bottom: 0; | |||
| 16385 | } | 16385 | } | |||
| 16386 | .h-100>.porto-ultimate-content-box { | 16386 | .h-100>.porto-ultimate-content-box { | |||
| 16387 | height: 100%; | 16387 | height: 100%; | |||
| 16388 | } | 16388 | } | |||
| 16389 | .background-color-gray { | 16389 | .background-color-gray { | |||
| 16390 | background-color: #f6f7f9; | 16390 | background-color: #f6f7f9; | |||
| 16391 | } | 16391 | } | |||
| 16392 | body .highlighted-word { | 16392 | body .highlighted-word { | |||
| 16393 | display: inline-block; | 16393 | display: inline-block; | |||
| 16394 | background-position: right bottom!important; | 16394 | background-position: right bottom!important; | |||
| 16395 | padding-bottom: .5rem; | 16395 | padding-bottom: .5rem; | |||
| 16396 | } | 16396 | } | |||
| 16397 | .ls-20em { | 16397 | .ls-20em { | |||
| 16398 | letter-spacing: .02em; | 16398 | letter-spacing: .02em; | |||
| 16399 | } | 16399 | } | |||
| 16400 | .slider-title { | 16400 | .slider-title { | |||
| 16401 | letter-spacing: 0!important; | 16401 | letter-spacing: 0!important; | |||
| 16402 | font-weight: 600; | 16402 | font-weight: 600; | |||
| 16403 | text-transform: none; | 16403 | text-transform: none; | |||
| 16404 | } | 16404 | } | |||
| 16405 | .porto_products_filter_form select { | 16405 | .porto_products_filter_form select { | |||
| 16406 | height: 46px; | 16406 | height: 46px; | |||
| 16407 | font-size: .9286em; | 16407 | font-size: .9286em; | |||
| 16408 | font-weight: 500; | 16408 | font-weight: 500; | |||
| 16409 | width: 100%; | 16409 | width: 100%; | |||
| 16410 | margin-bottom: .5rem; | 16410 | margin-bottom: .5rem; | |||
| 16411 | } | 16411 | } | |||
| 16412 | .porto_products_filter_form select, .porto_products_filter_form .btn-submit { | 16412 | .porto_products_filter_form select, .porto_products_filter_form .btn-submit { | |||
| 16413 | width: 100%; | 16413 | width: 100%; | |||
| 16414 | margin-bottom: .5rem; | 16414 | margin-bottom: .5rem; | |||
| 16415 | } | 16415 | } | |||
| 16416 | .porto_products_filter_form .btn-submit { | 16416 | .porto_products_filter_form .btn-submit { | |||
| 16417 | margin-top: 1rem; | 16417 | margin-top: 1rem; | |||
| 16418 | text-align: center; | 16418 | text-align: center; | |||
| 16419 | } | 16419 | } | |||
| 16420 | .vc_btn3.btn { | 16420 | .vc_btn3.btn { | |||
| 16421 | font-weight: 700; | 16421 | font-weight: 700; | |||
| 16422 | letter-spacing: .01em; | 16422 | letter-spacing: .01em; | |||
| 16423 | padding: 1em 1.75em; | 16423 | padding: 1em 1.75em; | |||
| 16424 | text-transform: uppercase; | 16424 | text-transform: uppercase; | |||
| 16425 | } | 16425 | } | |||
| 16426 | .products-banner .product-item-info .product-item-inner, | 16426 | .products-banner .product-item-info .product-item-inner, | |||
| 16427 | .products-banner .product-item-info .product-reviews-summary, | 16427 | .products-banner .product-item-info .product-reviews-summary, | |||
| 16428 | .products-banner .product-item .weltpixel-quickview.weltpixel_quickview_button_v2{ | 16428 | .products-banner .product-item .weltpixel-quickview.weltpixel_quickview_button_v2{ | |||
| 16429 | display: none; | 16429 | display: none; | |||
| 16430 | } | 16430 | } | |||
| 16431 | .products-banner .product-item-info:hover .product-item-photo { | 16431 | .products-banner .product-item-info:hover .product-item-photo { | |||
| 16432 | box-shadow: none; | 16432 | box-shadow: none; | |||
| 16433 | } | 16433 | } | |||
| 16434 | .flash-sale .product-item-photo img { | 16434 | .flash-sale .product-item-photo img { | |||
| 16435 | max-width: 64%; | 16435 | max-width: 64%; | |||
| 16436 | } | 16436 | } | |||
| 16437 | .flash-sale .product-item-photo { | 16437 | .flash-sale .product-item-photo { | |||
| 16438 | background: none; | 16438 | background: none; | |||
| 16439 | margin-bottom: 0!important; | 16439 | margin-bottom: 0!important; | |||
| 16440 | } | 16440 | } | |||
| 16441 | .flash-sale .products .product-item { | 16441 | .flash-sale .products .product-item { | |||
| 16442 | margin-bottom: 0; | 16442 | margin-bottom: 0; | |||
| 16443 | } | 16443 | } | |||
| 16444 | .porto-ultimate-content-box { | 16444 | .porto-ultimate-content-box { | |||
| 16445 | font-size: inherit; | 16445 | font-size: inherit; | |||
| 16446 | } | 16446 | } | |||
| 16447 | @media (min-width: 576px) { | 16447 | @media (min-width: 576px) { | |||
| 16448 | .text-sm-right { | 16448 | .text-sm-right { | |||
| 16449 | text-align: right!important; | 16449 | text-align: right!important; | |||
| 16450 | } | 16450 | } | |||
| 16451 | } | 16451 | } | |||
| 16452 | </style> | 16452 | </style> | |||
| 16453 | <div class="pt_row pt_row-o-equal-height pt_row-flexporto-inner-container products-banner" style="margin-top: 20px; margin-bottom: 20px;"> | 16453 | <div class="pt_row pt_row-o-equal-height pt_row-flexporto-inner-container products-banner" style="margin-top: 20px; margin-bottom: 20px;"> | |||
| 16454 | <div class="container"> | 16454 | <div class="container"> | |||
| 16455 | <div class="row"> | 16455 | <div class="row"> | |||
| 16456 | <div class="mb-3 pt_column_container mb-lg-0 col-md-12 col-lg-6"> | 16456 | <div class="mb-3 pt_column_container mb-lg-0 col-md-12 col-lg-6"> | |||
| 16457 | <div class="wpb_wrapper pt_column-inner h-100"> | 16457 | <div class="wpb_wrapper pt_column-inner h-100"> | |||
| 16458 | <div class="pt_row pt_inner row no-padding h-100 pt_row-has-fill pt_row-o-content-middle pt_row-flex" style="margin-right: 0px; margin-left: 0px; background-color: #f6f7f9;"> | 16458 | <div class="pt_row pt_inner row no-padding h-100 pt_row-has-fill pt_row-o-content-middle pt_row-flex" style="margin-right: 0px; margin-left: 0px; background-color: #f6f7f9;"> | |||
| 16459 | <div class="col-sm-6 pr-sm-2 col-md-6 pt_column_container" style="padding-top: 30px; padding-bottom: 30px;"> | 16459 | <div class="col-sm-6 pr-sm-2 col-md-6 pt_column_container" style="padding-top: 30px; padding-bottom: 30px;"> | |||
| 16460 | <div class="wpb_wrapper pt_column-inner w-100"> | 16460 | <div class="wpb_wrapper pt_column-inner w-100"> | |||
| 16461 | <p style="font-size: 13px; line-height: 1; font-weight: 500;" class="vc_custom_heading mb-2 text-center text-sm-right align-right">An entire week to enjoy all offers</p> | 16461 | <p style="font-size: 13px; line-height: 1; font-weight: 500;" class="vc_custom_heading mb-2 text-center text-sm-right align-right">An entire week to enjoy all offers</p> | |||
| 16462 | <h3 style="font-size: 42px; line-height: 1.2; font-weight: 700;" class="vc_custom_heading ls-0 mb-0 text-center text-sm-right align-right text-uppercase heading-primary">THE WEEK</h3> | 16462 | <h3 style="font-size: 42px; line-height: 1.2; font-weight: 700;" class="vc_custom_heading ls-0 mb-0 text-center text-sm-right align-right text-uppercase heading-primary">THE WEEK</h3> | |||
| 16463 | <h4 style="font-size: 32px; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-4 text-center text-sm-right align-right heading-secondary">Gift Shop</h4> | 16463 | <h4 style="font-size: 32px; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-4 text-center text-sm-right align-right heading-secondary">Gift Shop</h4> | |||
| 16464 | <div class="btn-container mb-0 text-center text-sm-right text-right"><button class="btn btn-borders btn-lg btn-primary vc_btn3">SHOP NOW</button></div> | 16464 | <div class="btn-container mb-0 text-center text-sm-right text-right"><button class="btn btn-borders btn-lg btn-primary vc_btn3">SHOP NOW</button></div> | |||
| 16465 | </div> | 16465 | </div> | |||
| 16466 | </div> | 16466 | </div> | |||
| 16467 | <div class="col-sm-6 overflow-hidden col-md-6 pt_column_container"> | 16467 | <div class="col-sm-6 overflow-hidden col-md-6 pt_column_container"> | |||
| 16468 | <div class="wpb_wrapper pt_column-inner"> | 16468 | <div class="wpb_wrapper pt_column-inner"> | |||
| 16469 | <div id="latest-products" class="porto-products wpb_content_element my-4"> | 16469 | <div id="latest-products" class="porto-products wpb_content_element my-4"> | |||
| 16470 | <div class="slider-wrapper"> | 16470 | <div class="slider-wrapper"> | |||
| 16471 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" extra_class="dots-style-1" product_type="1" product_count="3" aspect_ratio="1" image_width="400" image_height="300" template="owl_list.phtml"}} | 16471 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" extra_class="dots-style-1" product_type="1" product_count="3" aspect_ratio="1" image_width="400" image_height="300" template="owl_list.phtml"}} | |||
| 16472 | <script type="text/javascript"> | 16472 | <script type="text/javascript"> | |||
| 16473 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | 16473 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | |||
| 16474 | $("#latest-products .owl-carousel").owlCarousel({ | 16474 | $("#latest-products .owl-carousel").owlCarousel({ | |||
| 16475 | items: 1, | 16475 | items: 1, | |||
| 16476 | autoplay: false, | 16476 | autoplay: false, | |||
| 16477 | autoplayTimeout: 5000, | 16477 | autoplayTimeout: 5000, | |||
| 16478 | autoplayHoverPause: true, | 16478 | autoplayHoverPause: true, | |||
| 16479 | loop: true, | 16479 | loop: true, | |||
| 16480 | navRewind: true, | 16480 | navRewind: true, | |||
| 16481 | lazyLoad: true, | 16481 | lazyLoad: true, | |||
| 16482 | margin: 0, | 16482 | margin: 0, | |||
| 16483 | nav: false, | 16483 | nav: false, | |||
| 16484 | dots: true, | 16484 | dots: true, | |||
| 16485 | }); | 16485 | }); | |||
| 16486 | }); | 16486 | }); | |||
| 16487 | </script> | 16487 | </script> | |||
| 16488 | </div> | 16488 | </div> | |||
| 16489 | </div> | 16489 | </div> | |||
| 16490 | </div> | 16490 | </div> | |||
| 16491 | </div> | 16491 | </div> | |||
| 16492 | </div> | 16492 | </div> | |||
| 16493 | </div> | 16493 | </div> | |||
| 16494 | </div> | 16494 | </div> | |||
| 16495 | <div class="mb-3 mb-md-0 pt_column_container col-md-6 col-lg-3"> | 16495 | <div class="mb-3 mb-md-0 pt_column_container col-md-6 col-lg-3"> | |||
| 16496 | <div class="wpb_wrapper pt_column-inner"> | 16496 | <div class="wpb_wrapper pt_column-inner"> | |||
| 16497 | <div class="porto-ultimate-content-box-container background-color-secondary h-100"> | 16497 | <div class="porto-ultimate-content-box-container background-color-secondary h-100"> | |||
| 16498 | <div class="porto-ultimate-content-box" style="padding: 20px;"> | 16498 | <div class="porto-ultimate-content-box" style="padding: 20px;"> | |||
| 16499 | <h2 style="font-size: 15px; | 16499 | <h2 style="font-size: 15px; | |||
| 16500 | line-height: 1; | 16500 | line-height: 1; | |||
| 16501 | text-align: center; | 16501 | text-align: center; | |||
| 16502 | font-weight: 700; | 16502 | font-weight: 700; | |||
| 16503 | margin-top: -20px; | 16503 | margin-top: -20px; | |||
| 16504 | margin-right: -20px; | 16504 | margin-right: -20px; | |||
| 16505 | margin-bottom: 20px; | 16505 | margin-bottom: 20px; | |||
| 16506 | margin-left: -20px; | 16506 | margin-left: -20px; | |||
| 16507 | padding-top: 20px; | 16507 | padding-top: 20px; | |||
| 16508 | padding-bottom: 20px; | 16508 | padding-bottom: 20px; | |||
| 16509 | background-color: #f86c86; | 16509 | background-color: #f86c86; | |||
| 16510 | " class="vc_custom_heading text-uppercase heading-light"> | 16510 | " class="vc_custom_heading text-uppercase heading-light"> | |||
| 16511 | Flash Sale Running! | 16511 | Flash Sale Running! | |||
| 16512 | </h2> | 16512 | </h2> | |||
| 16513 | <div class="porto-products wpb_content_element m-b-md background-color-gray flash-sale"> | 16513 | <div class="porto-products wpb_content_element m-b-md background-color-gray flash-sale"> | |||
| 16514 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_type="1" product_count="1" column_count="1" aspect_ratio="0" image_width="300" image_height="300" template="grid.phtml"}} | 16514 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_type="1" product_count="1" column_count="1" aspect_ratio="0" image_width="300" image_height="300" template="grid.phtml"}} | |||
| 16515 | </div> | 16515 | </div> | |||
| 16516 | <div class="btn-container btn-secondary-light mb-0 text-center w-100"> | 16516 | <div class="btn-container btn-secondary-light mb-0 text-center w-100"> | |||
| 16517 | <a class="vc_btn3 btn btn-md btn-secondary d-block" href="#" title="Teddy Bear Blue">SHOP SALE NOW</a> | 16517 | <a class="vc_btn3 btn btn-md btn-secondary d-block" href="#" title="Teddy Bear Blue">SHOP SALE NOW</a> | |||
| 16518 | </div> | 16518 | </div> | |||
| 16519 | </div> | 16519 | </div> | |||
| 16520 | </div> | 16520 | </div> | |||
| 16521 | </div> | 16521 | </div> | |||
| 16522 | </div> | 16522 | </div> | |||
| 16523 | <div class="col-md-6 pt_column_container col-lg-3"> | 16523 | <div class="col-md-6 pt_column_container col-lg-3"> | |||
| 16524 | <div class="wpb_wrapper pt_column-inner"> | 16524 | <div class="wpb_wrapper pt_column-inner"> | |||
| 16525 | <div class="porto-ultimate-content-box-container h-100 text-center"> | 16525 | <div class="porto-ultimate-content-box-container h-100 text-center"> | |||
| 16526 | <div class="porto-ultimate-content-box" | 16526 | <div class="porto-ultimate-content-box" | |||
| 16527 | style="background-size: cover; | 16527 | style="background-size: cover; | |||
| 16528 | background-repeat: no-repeat; | 16528 | background-repeat: no-repeat; | |||
| 16529 | background-position: center center; | 16529 | background-position: center center; | |||
| 16530 | background-color: rgba(0, 0, 0, 0); | 16530 | background-color: rgba(0, 0, 0, 0); | |||
| 16531 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/28/shop28_home_banner8.jpg"}}'); | 16531 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/28/shop28_home_banner8.jpg"}}'); | |||
| 16532 | padding-top: 42px; | 16532 | padding-top: 42px; | |||
| 16533 | padding-right: 20px; | 16533 | padding-right: 20px; | |||
| 16534 | padding-bottom: 12px; | 16534 | padding-bottom: 12px; | |||
| 16535 | padding-left: 20px; | 16535 | padding-left: 20px; | |||
| 16536 | background-color: #222529;"> | 16536 | background-color: #222529;"> | |||
| 16537 | <h2 style="font-size: 26px; line-height: 1; text-align: center; font-weight: 700;" class="vc_custom_heading mb-1 text-uppercase heading-light">Gift Finder</h2> | 16537 | <h2 style="font-size: 26px; line-height: 1; text-align: center; font-weight: 700;" class="vc_custom_heading mb-1 text-uppercase heading-light">Gift Finder</h2> | |||
| 16538 | <h4 style="font-size: 15px; | 16538 | <h4 style="font-size: 15px; | |||
| 16539 | color: #999999; | 16539 | color: #999999; | |||
| 16540 | text-align: center; | 16540 | text-align: center; | |||
| 16541 | font-weight: 500; | 16541 | font-weight: 500; | |||
| 16542 | background-image: url({{media url="wysiwyg/smartwave/porto/homepage/28/shop28_highlighted-word.png"}}); | 16542 | background-image: url({{media url="wysiwyg/smartwave/porto/homepage/28/shop28_highlighted-word.png"}}); | |||
| 16543 | background-position: 0 0; | 16543 | background-position: 0 0; | |||
| 16544 | background-repeat: no-repeat;" class="vc_custom_heading ls-20em mb-3 highlighted-word"> | 16544 | background-repeat: no-repeat;" class="vc_custom_heading ls-20em mb-3 highlighted-word"> | |||
| 16545 | Find the Perfect Gift | 16545 | Find the Perfect Gift | |||
| 16546 | </h4> | 16546 | </h4> | |||
| 16547 | <div class="porto_products_filter_form widget d-flex flex-wrap"> | 16547 | <div class="porto_products_filter_form widget d-flex flex-wrap"> | |||
| 16548 | <select class="porto_dropdown_price_range" id="min_price"> | 16548 | <select class="porto_dropdown_price_range" id="min_price"> | |||
| 16549 | <option value="">Price Range</option> | 16549 | <option value="">Price Range</option> | |||
| 16550 | <option value="0-50">0 - 50</option> | 16550 | <option value="0-50">0 - 50</option> | |||
| 16551 | <option value="50-100">50 - 100</option> | 16551 | <option value="50-100">50 - 100</option> | |||
| 16552 | <option value="100-500">100 - 500</option> | 16552 | <option value="100-500">100 - 500</option> | |||
| 16553 | </select> | 16553 | </select> | |||
| 16554 | <select class="porto_dropdown_product_attributes" id="filter_color"> | 16554 | <select class="porto_dropdown_product_attributes" id="filter_color"> | |||
| 16555 | <option value="">By color</option> | 16555 | <option value="">By color</option> | |||
| 16556 | <option value="49">Black</option> | 16556 | <option value="49">Black</option> | |||
| 16557 | <option value="51">Brown</option> | 16557 | <option value="51">Brown</option> | |||
| 16558 | <option value="56">Orange</option> | 16558 | <option value="56">Orange</option> | |||
| 16559 | <option value="58">Red</option> | 16559 | <option value="58">Red</option> | |||
| 16560 | <option value="60">Yellow</option> | 16560 | <option value="60">Yellow</option> | |||
| 16561 | </select> | 16561 | </select> | |||
| 16562 | <select class="porto_dropdown_product_attributes" id="filter_size"> | 16562 | <select class="porto_dropdown_product_attributes" id="filter_size"> | |||
| 16563 | <option value="">By size</option> | 16563 | <option value="">By size</option> | |||
| 16564 | <option value="91">55 cm</option> | 16564 | <option value="91">55 cm</option> | |||
| 16565 | <option value="92">65 cm</option> | 16565 | <option value="92">65 cm</option> | |||
| 16566 | <option value="93">75 cm</option> | 16566 | <option value="93">75 cm</option> | |||
| 16567 | </select> | 16567 | </select> | |||
| 16568 | <button class="btn-submit btn btn-primary vc_btn3 d-block">VIEW SUGGESTIONS</button> | 16568 | <button class="btn-submit btn btn-primary vc_btn3 d-block">VIEW SUGGESTIONS</button> | |||
| 16569 | </div> | 16569 | </div> | |||
| 16570 | <script type="text/javascript"> | 16570 | <script type="text/javascript"> | |||
| 16571 | require([ | 16571 | require([ | |||
| 16572 | 'jquery' | 16572 | 'jquery' | |||
| 16573 | ], function ($) { | 16573 | ], function ($) { | |||
| 16574 | $(".gift-finder-form button").off("click").on("click", function(){ | 16574 | $(".gift-finder-form button").off("click").on("click", function(){ | |||
| 16575 | var shop_url = "{{store url=""}}shop.html?"; | 16575 | var shop_url = "{{store url=""}}shop.html?"; | |||
| 16576 | var price = $("#min_price").val(); | 16576 | var price = $("#min_price").val(); | |||
| 16577 | var color = $("#filter_color").val(); | 16577 | var color = $("#filter_color").val(); | |||
| 16578 | var size = $("#filter_size").val(); | 16578 | var size = $("#filter_size").val(); | |||
| 16579 | var params = ""; | 16579 | var params = ""; | |||
| 16580 | if(color) | 16580 | if(color) | |||
| 16581 | params += "&color=" + color; | 16581 | params += "&color=" + color; | |||
| 16582 | if(price) | 16582 | if(price) | |||
| 16583 | params += "&price=" + price; | 16583 | params += "&price=" + price; | |||
| 16584 | if(size) | 16584 | if(size) | |||
| 16585 | params += "&size=" + size; | 16585 | params += "&size=" + size; | |||
| 16586 | if(params) | 16586 | if(params) | |||
| 16587 | shop_url += params.substring(1); | 16587 | shop_url += params.substring(1); | |||
| 16588 | window.location.href = shop_url; | 16588 | window.location.href = shop_url; | |||
| 16589 | }); | 16589 | }); | |||
| 16590 | }); | 16590 | }); | |||
| 16591 | </script> | 16591 | </script> | |||
| 16592 | </div> | 16592 | </div> | |||
| 16593 | </div> | 16593 | </div> | |||
| 16594 | </div> | 16594 | </div> | |||
| 16595 | </div> | 16595 | </div> | |||
| 16596 | </div> | 16596 | </div> | |||
| 16597 | </div> | 16597 | </div> | |||
| 16598 | </div> | 16598 | </div> | |||
| 16599 | <div class="pt_row porto-inner-container"> | 16599 | <div class="pt_row porto-inner-container"> | |||
| 16600 | <style> | 16600 | <style> | |||
| 16601 | .porto-ultimate-content-box { | 16601 | .porto-ultimate-content-box { | |||
| 16602 | transition: box-shadow .2s; | 16602 | transition: box-shadow .2s; | |||
| 16603 | } | 16603 | } | |||
| 16604 | .banner-content { | 16604 | .banner-content { | |||
| 16605 | box-shadow: none; | 16605 | box-shadow: none; | |||
| 16606 | } | 16606 | } | |||
| 16607 | .banner-content:hover { | 16607 | .banner-content:hover { | |||
| 16608 | box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); | 16608 | box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); | |||
| 16609 | } | 16609 | } | |||
| 16610 | </style> | 16610 | </style> | |||
| 16611 | <div class="porto-wrap-container container"> | 16611 | <div class="porto-wrap-container container"> | |||
| 16612 | <div class="row"> | 16612 | <div class="row"> | |||
| 16613 | <div class="col-sm-6 pt_column_container col-md-3"> | 16613 | <div class="col-sm-6 pt_column_container col-md-3"> | |||
| 16614 | <div class="wpb_wrapper pt_column-inner"> | 16614 | <div class="wpb_wrapper pt_column-inner"> | |||
| 16615 | <div class="porto-ultimate-content-box-container"> | 16615 | <div class="porto-ultimate-content-box-container"> | |||
| 16616 | <div class="porto-ultimate-content-box banner-content" | 16616 | <div class="porto-ultimate-content-box banner-content" | |||
| 16617 | style="margin-bottom: 20px; | 16617 | style="margin-bottom: 20px; | |||
| 16618 | padding: 20px; | 16618 | padding: 20px; | |||
| 16619 | background-color: #f6f7f9; | 16619 | background-color: #f6f7f9; | |||
| 16620 | background-size: initial; | 16620 | background-size: initial; | |||
| 16621 | background-repeat: no-repeat; | 16621 | background-repeat: no-repeat; | |||
| 16622 | background-position: 95% center; | 16622 | background-position: 95% center; | |||
| 16623 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/28/shop28_home_banner1.jpg"}}'); | 16623 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/28/shop28_home_banner1.jpg"}}'); | |||
| 16624 | "> | 16624 | "> | |||
| 16625 | <h2 style="font-size: 24px; line-height: 1; font-weight: 700;" class="pt_custom_heading mb-1 align-left text-uppercase">GIFTS $10</h2> | 16625 | <h2 style="font-size: 24px; line-height: 1; font-weight: 700;" class="pt_custom_heading mb-1 align-left text-uppercase">GIFTS $10</h2> | |||
| 16626 | <p style="font-size: 20px; line-height: 1; font-weight: 400;" class="pt_custom_heading custom-font1 mb-5 pb-xl-2 align-left">& under</p> | 16626 | <p style="font-size: 20px; line-height: 1; font-weight: 400;" class="pt_custom_heading custom-font1 mb-5 pb-xl-2 align-left">& under</p> | |||
| 16627 | <h3 style="font-size: 12px; line-height: 1; font-weight: 700;" class="pt_custom_heading mb-0 align-left text-uppercase heading-primary"><a href="#">SHOP NOW</a></h3> | 16627 | <h3 style="font-size: 12px; line-height: 1; font-weight: 700;" class="pt_custom_heading mb-0 align-left text-uppercase heading-primary"><a href="#">SHOP NOW</a></h3> | |||
| 16628 | </div> | 16628 | </div> | |||
| 16629 | </div> | 16629 | </div> | |||
| 16630 | </div> | 16630 | </div> | |||
| 16631 | </div> | 16631 | </div> | |||
| 16632 | <div class="col-sm-6 pt_column_container col-md-3"> | 16632 | <div class="col-sm-6 pt_column_container col-md-3"> | |||
| 16633 | <div class="wpb_wrapper pt_column-inner"> | 16633 | <div class="wpb_wrapper pt_column-inner"> | |||
| 16634 | <div class="porto-ultimate-content-box-container"> | 16634 | <div class="porto-ultimate-content-box-container"> | |||
| 16635 | <div class="porto-ultimate-content-box banner-content" | 16635 | <div class="porto-ultimate-content-box banner-content" | |||
| 16636 | style="margin-bottom: 20px; | 16636 | style="margin-bottom: 20px; | |||
| 16637 | padding: 20px; | 16637 | padding: 20px; | |||
| 16638 | background-color: #f6f7f9; | 16638 | background-color: #f6f7f9; | |||
| 16639 | background-size: initial; | 16639 | background-size: initial; | |||
| 16640 | background-repeat: no-repeat; | 16640 | background-repeat: no-repeat; | |||
| 16641 | background-position: 93% center; | 16641 | background-position: 93% center; | |||
| 16642 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/28/shop28_home_banner2.jpg"}}'); | 16642 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/28/shop28_home_banner2.jpg"}}'); | |||
| 16643 | "> | 16643 | "> | |||
| 16644 | <h2 style="font-size: 24px; line-height: 1; font-weight: 700;" class="pt_custom_heading mb-1 align-left text-uppercase">GIFTS $20</h2> | 16644 | <h2 style="font-size: 24px; line-height: 1; font-weight: 700;" class="pt_custom_heading mb-1 align-left text-uppercase">GIFTS $20</h2> | |||
| 16645 | <p style="font-size: 20px; line-height: 1; font-weight: 400;" class="pt_custom_heading custom-font1 mb-5 pb-xl-2 align-left">& under</p> | 16645 | <p style="font-size: 20px; line-height: 1; font-weight: 400;" class="pt_custom_heading custom-font1 mb-5 pb-xl-2 align-left">& under</p> | |||
| 16646 | <h3 style="font-size: 12px; line-height: 1; font-weight: 700;" class="pt_custom_heading mb-0 align-left text-uppercase heading-primary"><a href="#">SHOP NOW</a></h3> | 16646 | <h3 style="font-size: 12px; line-height: 1; font-weight: 700;" class="pt_custom_heading mb-0 align-left text-uppercase heading-primary"><a href="#">SHOP NOW</a></h3> | |||
| 16647 | </div> | 16647 | </div> | |||
| 16648 | </div> | 16648 | </div> | |||
| 16649 | </div> | 16649 | </div> | |||
| 16650 | </div> | 16650 | </div> | |||
| 16651 | <div class="col-sm-6 pt_column_container col-md-3"> | 16651 | <div class="col-sm-6 pt_column_container col-md-3"> | |||
| 16652 | <div class="wpb_wrapper pt_column-inner"> | 16652 | <div class="wpb_wrapper pt_column-inner"> | |||
| 16653 | <div class="porto-ultimate-content-box-container"> | 16653 | <div class="porto-ultimate-content-box-container"> | |||
| 16654 | <div class="porto-ultimate-content-box banner-content" | 16654 | <div class="porto-ultimate-content-box banner-content" | |||
| 16655 | style="margin-bottom: 20px; | 16655 | style="margin-bottom: 20px; | |||
| 16656 | padding: 20px; | 16656 | padding: 20px; | |||
| 16657 | background-color: #f6f7f9; | 16657 | background-color: #f6f7f9; | |||
| 16658 | background-size: initial; | 16658 | background-size: initial; | |||
| 16659 | background-repeat: no-repeat; | 16659 | background-repeat: no-repeat; | |||
| 16660 | background-position: 88% center; | 16660 | background-position: 88% center; | |||
| 16661 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/28/shop28_home_banner3.jpg"}}'); | 16661 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/28/shop28_home_banner3.jpg"}}'); | |||
| 16662 | "> | 16662 | "> | |||
| 16663 | <h2 style="font-size: 24px; line-height: 1; font-weight: 700;" class="pt_custom_heading mb-1 align-left text-uppercase">GIFTS $50</h2> | 16663 | <h2 style="font-size: 24px; line-height: 1; font-weight: 700;" class="pt_custom_heading mb-1 align-left text-uppercase">GIFTS $50</h2> | |||
| 16664 | <p style="font-size: 20px; line-height: 1; font-weight: 400;" class="pt_custom_heading custom-font1 mb-5 pb-xl-2 align-left">& under</p> | 16664 | <p style="font-size: 20px; line-height: 1; font-weight: 400;" class="pt_custom_heading custom-font1 mb-5 pb-xl-2 align-left">& under</p> | |||
| 16665 | <h3 style="font-size: 12px; line-height: 1; font-weight: 700;" class="pt_custom_heading mb-0 align-left text-uppercase heading-primary"><a href="#">SHOP NOW</a></h3> | 16665 | <h3 style="font-size: 12px; line-height: 1; font-weight: 700;" class="pt_custom_heading mb-0 align-left text-uppercase heading-primary"><a href="#">SHOP NOW</a></h3> | |||
| 16666 | </div> | 16666 | </div> | |||
| 16667 | </div> | 16667 | </div> | |||
| 16668 | </div> | 16668 | </div> | |||
| 16669 | </div> | 16669 | </div> | |||
| 16670 | <div class="col-sm-6 pt_column_container col-md-3"> | 16670 | <div class="col-sm-6 pt_column_container col-md-3"> | |||
| 16671 | <div class="wpb_wrapper pt_column-inner"> | 16671 | <div class="wpb_wrapper pt_column-inner"> | |||
| 16672 | <div class="porto-ultimate-content-box-container"> | 16672 | <div class="porto-ultimate-content-box-container"> | |||
| 16673 | <div class="porto-ultimate-content-box banner-content" | 16673 | <div class="porto-ultimate-content-box banner-content" | |||
| 16674 | style="margin-bottom: 20px; | 16674 | style="margin-bottom: 20px; | |||
| 16675 | padding: 20px; | 16675 | padding: 20px; | |||
| 16676 | background-color: #f6f7f9; | 16676 | background-color: #f6f7f9; | |||
| 16677 | background-size: initial; | 16677 | background-size: initial; | |||
| 16678 | background-repeat: no-repeat; | 16678 | background-repeat: no-repeat; | |||
| 16679 | background-position: 90% 60%; | 16679 | background-position: 90% 60%; | |||
| 16680 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/28/shop28_home_banner4.jpg"}}'); | 16680 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/28/shop28_home_banner4.jpg"}}'); | |||
| 16681 | "> | 16681 | "> | |||
| 16682 | <h2 style="font-size: 24px; line-height: 1; font-weight: 700;" class="pt_custom_heading mb-1 align-left text-uppercase">GIFTS $99</h2> | 16682 | <h2 style="font-size: 24px; line-height: 1; font-weight: 700;" class="pt_custom_heading mb-1 align-left text-uppercase">GIFTS $99</h2> | |||
| 16683 | <p style="font-size: 20px; line-height: 1; font-weight: 400;" class="pt_custom_heading custom-font1 mb-5 pb-xl-2 align-left">& under</p> | 16683 | <p style="font-size: 20px; line-height: 1; font-weight: 400;" class="pt_custom_heading custom-font1 mb-5 pb-xl-2 align-left">& under</p> | |||
| 16684 | <h3 style="font-size: 12px; line-height: 1; font-weight: 700;" class="pt_custom_heading mb-0 align-left text-uppercase heading-primary"><a href="#">SHOP NOW</a></h3> | 16684 | <h3 style="font-size: 12px; line-height: 1; font-weight: 700;" class="pt_custom_heading mb-0 align-left text-uppercase heading-primary"><a href="#">SHOP NOW</a></h3> | |||
| 16685 | </div> | 16685 | </div> | |||
| 16686 | </div> | 16686 | </div> | |||
| 16687 | </div> | 16687 | </div> | |||
| 16688 | </div> | 16688 | </div> | |||
| 16689 | </div> | 16689 | </div> | |||
| 16690 | </div> | 16690 | </div> | |||
| 16691 | </div> | 16691 | </div> | |||
| 16692 | <div class="pt_row porto-inner-container" style="padding-top: 20px; padding-bottom: 20px;"> | 16692 | <div class="pt_row porto-inner-container" style="padding-top: 20px; padding-bottom: 20px;"> | |||
| 16693 | <div class="porto-wrap-container container"> | 16693 | <div class="porto-wrap-container container"> | |||
| 16694 | <div class="row"> | 16694 | <div class="row"> | |||
| 16695 | <div class="pt_column_container col-md-12"> | 16695 | <div class="pt_column_container col-md-12"> | |||
| 16696 | <div class="wpb_wrapper pt_column-inner"> | 16696 | <div class="wpb_wrapper pt_column-inner"> | |||
| 16697 | <div id="bestseller-products" class="porto-products wpb_content_element title-border-bottom"> | 16697 | <div id="bestseller-products" class="porto-products wpb_content_element title-border-bottom"> | |||
| 16698 | <h2 class="section-title slider-title"><span class="inline-title">Best Selling Gifts</span><span class="line"></span></h2> | 16698 | <h2 class="section-title slider-title"><span class="inline-title">Best Selling Gifts</span><span class="line"></span></h2> | |||
| 16699 | <div class="slider-wrapper"> | 16699 | <div class="slider-wrapper"> | |||
| 16700 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="best_product" extra_class="show-dots-title-right dots-style-1" product_count="6" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | 16700 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="best_product" extra_class="show-dots-title-right dots-style-1" product_count="6" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||
| 16701 | <script type="text/javascript"> | 16701 | <script type="text/javascript"> | |||
| 16702 | require([ | 16702 | require([ | |||
| 16703 | 'jquery', | 16703 | 'jquery', | |||
| 16704 | 'owl.carousel/owl.carousel.min' | 16704 | 'owl.carousel/owl.carousel.min' | |||
| 16705 | ], function ($) { | 16705 | ], function ($) { | |||
| 16706 | $("#bestseller-products .owl-carousel").owlCarousel({ | 16706 | $("#bestseller-products .owl-carousel").owlCarousel({ | |||
| 16707 | autoplay: false, | 16707 | autoplay: false, | |||
| 16708 | autoplayTimeout: 5000, | 16708 | autoplayTimeout: 5000, | |||
| 16709 | autoplayHoverPause: true, | 16709 | autoplayHoverPause: true, | |||
| 16710 | loop: true, | 16710 | loop: true, | |||
| 16711 | navRewind: true, | 16711 | navRewind: true, | |||
| 16712 | lazyLoad:true, | 16712 | lazyLoad:true, | |||
| 16713 | margin: 0, | 16713 | margin: 0, | |||
| 16714 | nav: false, | 16714 | nav: false, | |||
| 16715 | dots: true, | 16715 | dots: true, | |||
| 16716 | responsive: { | 16716 | responsive: { | |||
| 16717 | 0: { | 16717 | 0: { | |||
| 16718 | items:2 | 16718 | items:2 | |||
| 16719 | }, | 16719 | }, | |||
| 16720 | 640: { | 16720 | 640: { | |||
| 16721 | items:3 | 16721 | items:3 | |||
| 16722 | }, | 16722 | }, | |||
| 16723 | 768: { | 16723 | 768: { | |||
| 16724 | items:3 | 16724 | items:3 | |||
| 16725 | }, | 16725 | }, | |||
| 16726 | 992: { | 16726 | 992: { | |||
| 16727 | items:4 | 16727 | items:4 | |||
| 16728 | }, | 16728 | }, | |||
| 16729 | 1200: { | 16729 | 1200: { | |||
| 16730 | items:4 | 16730 | items:4 | |||
| 16731 | } | 16731 | } | |||
| 16732 | } | 16732 | } | |||
| 16733 | }); | 16733 | }); | |||
| 16734 | }); | 16734 | }); | |||
| 16735 | </script> | 16735 | </script> | |||
| 16736 | </div> | 16736 | </div> | |||
| 16737 | </div> | 16737 | </div> | |||
| 16738 | </div> | 16738 | </div> | |||
| 16739 | </div> | 16739 | </div> | |||
| 16740 | </div> | 16740 | </div> | |||
| 16741 | </div> | 16741 | </div> | |||
| 16742 | </div> | 16742 | </div> | |||
| 16743 | <div class="pt_row home-banners pt_row-has-fill pt_row-o-equal-height pt_row-flex porto-inner-container" style="padding-top: 40px !important; padding-bottom: 40px; background-color: #f6f7f9;"> | 16743 | <div class="pt_row home-banners pt_row-has-fill pt_row-o-equal-height pt_row-flex porto-inner-container" style="padding-top: 40px !important; padding-bottom: 40px; background-color: #f6f7f9;"> | |||
| 16744 | <style> | 16744 | <style> | |||
| 16745 | .home-banners .porto-ultimate-content-box-container { | 16745 | .home-banners .porto-ultimate-content-box-container { | |||
| 16746 | position: relative | 16746 | position: relative | |||
| 16747 | } | 16747 | } | |||
| 16748 | .home-banners .porto-ultimate-content-box-container:after { | 16748 | .home-banners .porto-ultimate-content-box-container:after { | |||
| 16749 | content: ''; | 16749 | content: ''; | |||
| 16750 | position: absolute; | 16750 | position: absolute; | |||
| 16751 | top: 0; | 16751 | top: 0; | |||
| 16752 | right: 0; | 16752 | right: 0; | |||
| 16753 | height: 100%; | 16753 | height: 100%; | |||
| 16754 | border-right: 215px solid; | 16754 | border-right: 215px solid; | |||
| 16755 | opacity: .7; | 16755 | opacity: .7; | |||
| 16756 | border-top: 180px solid transparent; | 16756 | border-top: 180px solid transparent; | |||
| 16757 | border-bottom: 180px solid transparent; | 16757 | border-bottom: 180px solid transparent; | |||
| 16758 | z-index: 2; | 16758 | z-index: 2; | |||
| 16759 | } | 16759 | } | |||
| 16760 | .home-banners .porto-ultimate-content-box-container:before { | 16760 | .home-banners .porto-ultimate-content-box-container:before { | |||
| 16761 | content: ''; | 16761 | content: ''; | |||
| 16762 | position: absolute; | 16762 | position: absolute; | |||
| 16763 | top: 0; | 16763 | top: 0; | |||
| 16764 | right: 188px; | 16764 | right: 188px; | |||
| 16765 | left: 0; | 16765 | left: 0; | |||
| 16766 | height: 100%; | 16766 | height: 100%; | |||
| 16767 | background: #fff; | 16767 | background: #fff; | |||
| 16768 | transition: right .25s,background .25s; | 16768 | transition: right .25s,background .25s; | |||
| 16769 | z-index: 1; | 16769 | z-index: 1; | |||
| 16770 | } | 16770 | } | |||
| 16771 | .home-banners .porto-ultimate-content-box:before { | 16771 | .home-banners .porto-ultimate-content-box:before { | |||
| 16772 | content: ''; | 16772 | content: ''; | |||
| 16773 | border-top: 180px solid #fff; | 16773 | border-top: 180px solid #fff; | |||
| 16774 | border-right: 188px solid transparent; | 16774 | border-right: 188px solid transparent; | |||
| 16775 | position: absolute; | 16775 | position: absolute; | |||
| 16776 | top: 0; | 16776 | top: 0; | |||
| 16777 | right: 0; | 16777 | right: 0; | |||
| 16778 | transition: border-right .25s,border-top-color .25s | 16778 | transition: border-right .25s,border-top-color .25s | |||
| 16779 | } | 16779 | } | |||
| 16780 | .home-banners .porto-ultimate-content-box:after { | 16780 | .home-banners .porto-ultimate-content-box:after { | |||
| 16781 | content: ''; | 16781 | content: ''; | |||
| 16782 | border-bottom: 180px solid #fff; | 16782 | border-bottom: 180px solid #fff; | |||
| 16783 | border-right: 188px solid transparent; | 16783 | border-right: 188px solid transparent; | |||
| 16784 | position: absolute; | 16784 | position: absolute; | |||
| 16785 | bottom: 0; | 16785 | bottom: 0; | |||
| 16786 | right: 0; | 16786 | right: 0; | |||
| 16787 | transition: border-right .25s,border-bottom-color .25s | 16787 | transition: border-right .25s,border-bottom-color .25s | |||
| 16788 | } | 16788 | } | |||
| 16789 | .home-banners .porto-ultimate-content-box>* { | 16789 | .home-banners .porto-ultimate-content-box>* { | |||
| 16790 | position: relative; | 16790 | position: relative; | |||
| 16791 | z-index: 1 | 16791 | z-index: 1 | |||
| 16792 | } | 16792 | } | |||
| 16793 | .home-banners .porto-ultimate-content-box-container:hover:before { | 16793 | .home-banners .porto-ultimate-content-box-container:hover:before { | |||
| 16794 | right: 215px; | 16794 | right: 215px; | |||
| 16795 | background: #fcfcfc | 16795 | background: #fcfcfc | |||
| 16796 | } | 16796 | } | |||
| 16797 | .home-banners .porto-ultimate-content-box-container:hover>div:before,.home-banners .porto-ultimate-content-box-container:hover>div:after { | 16797 | .home-banners .porto-ultimate-content-box-container:hover>div:before,.home-banners .porto-ultimate-content-box-container:hover>div:after { | |||
| 16798 | border-right-width: 215px; | 16798 | border-right-width: 215px; | |||
| 16799 | border-bottom-color: #fcfcfc; | 16799 | border-bottom-color: #fcfcfc; | |||
| 16800 | border-top-color: #fcfcfc | 16800 | border-top-color: #fcfcfc | |||
| 16801 | } | 16801 | } | |||
| 16802 | </style> | 16802 | </style> | |||
| 16803 | <div class="porto-wrap-container container"> | 16803 | <div class="porto-wrap-container container"> | |||
| 16804 | <div class="row"> | 16804 | <div class="row"> | |||
| 16805 | <div class="mb-3 mb-md-0 pt_column_container col-md-4"> | 16805 | <div class="mb-3 mb-md-0 pt_column_container col-md-4"> | |||
| 16806 | <div class="wpb_wrapper pt_column-inner"> | 16806 | <div class="wpb_wrapper pt_column-inner"> | |||
| 16807 | <div class="porto-ultimate-content-box-container h-100 text-color-secondary"> | 16807 | <div class="porto-ultimate-content-box-container h-100 text-color-secondary"> | |||
| 16808 | <div class="porto-ultimate-content-box" | 16808 | <div class="porto-ultimate-content-box" | |||
| 16809 | style="background-size: contain; | 16809 | style="background-size: contain; | |||
| 16810 | background-repeat: no-repeat; | 16810 | background-repeat: no-repeat; | |||
| 16811 | background-position: right center; | 16811 | background-position: right center; | |||
| 16812 | min-height: 360px; | 16812 | min-height: 360px; | |||
| 16813 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/28/shop28_home_banner5.jpg"}}'); | 16813 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/28/shop28_home_banner5.jpg"}}'); | |||
| 16814 | padding-top: 30px !important; | 16814 | padding-top: 30px !important; | |||
| 16815 | padding-bottom: 30px !important; | 16815 | padding-bottom: 30px !important; | |||
| 16816 | padding-left: 30px !important; | 16816 | padding-left: 30px !important; | |||
| 16817 | background-color: #ffffff;"> | 16817 | background-color: #ffffff;"> | |||
| 16818 | <p style="font-size: 20px; color: #777777; line-height: 1;" class="pt_custom_heading mb-2 custom-font1 align-left">Shop Gifts</p> | 16818 | <p style="font-size: 20px; color: #777777; line-height: 1;" class="pt_custom_heading mb-2 custom-font1 align-left">Shop Gifts</p> | |||
| 16819 | <h2 style="font-size: 34px; line-height: 1; font-weight: 700;" class="pt_custom_heading align-left text-uppercase">FOR HER</h2> | 16819 | <h2 style="font-size: 34px; line-height: 1; font-weight: 700;" class="pt_custom_heading align-left text-uppercase">FOR HER</h2> | |||
| 16820 | <div class="btn-container pc-position-absolute pc-bottom-0 d-inline-block" style="margin-bottom: 30px;"> | 16820 | <div class="btn-container pc-position-absolute pc-bottom-0 d-inline-block" style="margin-bottom: 30px;"> | |||
| 16821 | <a class="vc_btn3 btn btn-borders btn-lg btn-primary" href="#" title="">Shop Now</a> | 16821 | <a class="vc_btn3 btn btn-borders btn-lg btn-primary" href="#" title="">Shop Now</a> | |||
| 16822 | </div> | 16822 | </div> | |||
| 16823 | </div> | 16823 | </div> | |||
| 16824 | </div> | 16824 | </div> | |||
| 16825 | </div> | 16825 | </div> | |||
| 16826 | </div> | 16826 | </div> | |||
| 16827 | <div class="mb-3 mb-md-0 pt_column_container col-md-4"> | 16827 | <div class="mb-3 mb-md-0 pt_column_container col-md-4"> | |||
| 16828 | <div class="wpb_wrapper pt_column-inner"> | 16828 | <div class="wpb_wrapper pt_column-inner"> | |||
| 16829 | <div class="porto-ultimate-content-box-container h-100 text-color-primary"> | 16829 | <div class="porto-ultimate-content-box-container h-100 text-color-primary"> | |||
| 16830 | <div class="porto-ultimate-content-box" | 16830 | <div class="porto-ultimate-content-box" | |||
| 16831 | style=" | 16831 | style=" | |||
| 16832 | background-size: contain; | 16832 | background-size: contain; | |||
| 16833 | background-repeat: no-repeat; | 16833 | background-repeat: no-repeat; | |||
| 16834 | background-position: right center; | 16834 | background-position: right center; | |||
| 16835 | min-height: 360px; | 16835 | min-height: 360px; | |||
| 16836 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/28/shop28_home_banner6.jpg"}}'); | 16836 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/28/shop28_home_banner6.jpg"}}'); | |||
| 16837 | padding-top: 30px; | 16837 | padding-top: 30px; | |||
| 16838 | padding-bottom: 30px; | 16838 | padding-bottom: 30px; | |||
| 16839 | padding-left: 30px; | 16839 | padding-left: 30px; | |||
| 16840 | background-color: #ffffff; | 16840 | background-color: #ffffff; | |||
| 16841 | "> | 16841 | "> | |||
| 16842 | <p style="font-size: 20px; color: #777777; line-height: 1;" class="pt_custom_heading mb-2 custom-font1 align-left">Shop Gifts</p> | 16842 | <p style="font-size: 20px; color: #777777; line-height: 1;" class="pt_custom_heading mb-2 custom-font1 align-left">Shop Gifts</p> | |||
| 16843 | <h2 style="font-size: 34px; line-height: 1; font-weight: 700;" class="pt_custom_heading align-left text-uppercase">FOR HIM</h2> | 16843 | <h2 style="font-size: 34px; line-height: 1; font-weight: 700;" class="pt_custom_heading align-left text-uppercase">FOR HIM</h2> | |||
| 16844 | <div class="btn-container pc-position-absolute pc-bottom-0 d-inline-block" style="margin-bottom: 30px !important;"> | 16844 | <div class="btn-container pc-position-absolute pc-bottom-0 d-inline-block" style="margin-bottom: 30px !important;"> | |||
| 16845 | <a class="vc_btn3 btn btn-borders btn-lg btn-primary" href="#" title="">Shop Now</a> | 16845 | <a class="vc_btn3 btn btn-borders btn-lg btn-primary" href="#" title="">Shop Now</a> | |||
| 16846 | </div> | 16846 | </div> | |||
| 16847 | </div> | 16847 | </div> | |||
| 16848 | </div> | 16848 | </div> | |||
| 16849 | </div> | 16849 | </div> | |||
| 16850 | </div> | 16850 | </div> | |||
| 16851 | <div class="pt_column_container col-md-4"> | 16851 | <div class="pt_column_container col-md-4"> | |||
| 16852 | <div class="wpb_wrapper pt_column-inner"> | 16852 | <div class="wpb_wrapper pt_column-inner"> | |||
| 16853 | <div class="porto-ultimate-content-box-container h-100 text-color-tertiary"> | 16853 | <div class="porto-ultimate-content-box-container h-100 text-color-tertiary"> | |||
| 16854 | <div class="porto-ultimate-content-box" | 16854 | <div class="porto-ultimate-content-box" | |||
| 16855 | style="background-size: contain; | 16855 | style="background-size: contain; | |||
| 16856 | background-repeat: no-repeat; | 16856 | background-repeat: no-repeat; | |||
| 16857 | background-position: right center; | 16857 | background-position: right center; | |||
| 16858 | background-color: rgba(0, 0, 0, 0); | 16858 | background-color: rgba(0, 0, 0, 0); | |||
| 16859 | min-height: 360px; | 16859 | min-height: 360px; | |||
| 16860 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/28/shop28_home_banner7.jpg"}}'); | 16860 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/28/shop28_home_banner7.jpg"}}'); | |||
| 16861 | padding-top: 30px; | 16861 | padding-top: 30px; | |||
| 16862 | padding-bottom: 30px; | 16862 | padding-bottom: 30px; | |||
| 16863 | padding-left: 30px; | 16863 | padding-left: 30px; | |||
| 16864 | background-color: #ffffff;"> | 16864 | background-color: #ffffff;"> | |||
| 16865 | <p style="font-size: 20px; color: #777777; line-height: 1;" class="pt_custom_heading mb-2 custom-font1 align-left">Shop Gifts</p> | 16865 | <p style="font-size: 20px; color: #777777; line-height: 1;" class="pt_custom_heading mb-2 custom-font1 align-left">Shop Gifts</p> | |||
| 16866 | <h2 style="font-size: 34px; line-height: 1; font-weight: 700;" class="pt_custom_heading align-left text-uppercase">FOR KIDS</h2> | 16866 | <h2 style="font-size: 34px; line-height: 1; font-weight: 700;" class="pt_custom_heading align-left text-uppercase">FOR KIDS</h2> | |||
| 16867 | <div class="btn-container pc-position-absolute pc-bottom-0 d-inline-block" style="margin-bottom: 30px;"> | 16867 | <div class="btn-container pc-position-absolute pc-bottom-0 d-inline-block" style="margin-bottom: 30px;"> | |||
| 16868 | <a class="vc_btn3 btn btn-borders btn-lg btn-primary" href="#" title="">Shop Now</a> | 16868 | <a class="vc_btn3 btn btn-borders btn-lg btn-primary" href="#" title="">Shop Now</a> | |||
| 16869 | </div> | 16869 | </div> | |||
| 16870 | </div> | 16870 | </div> | |||
| 16871 | </div> | 16871 | </div> | |||
| 16872 | </div> | 16872 | </div> | |||
| 16873 | </div> | 16873 | </div> | |||
| 16874 | </div> | 16874 | </div> | |||
| 16875 | </div> | 16875 | </div> | |||
| 16876 | </div> | 16876 | </div> | |||
| 16877 | <div class="pt_row porto-inner-container" style="padding-top: 30px; padding-bottom: 30px;"> | 16877 | <div class="pt_row porto-inner-container" style="padding-top: 30px; padding-bottom: 30px;"> | |||
| 16878 | <div class="porto-wrap-container container"> | 16878 | <div class="porto-wrap-container container"> | |||
| 16879 | <style> | 16879 | <style> | |||
| 16880 | .home-features .pt_column_container>.pt_column-inner { | 16880 | .home-features .pt_column_container>.pt_column-inner { | |||
| 16881 | width: auto; | 16881 | width: auto; | |||
| 16882 | border-right: 1px solid #e7e7e7; | 16882 | border-right: 1px solid #e7e7e7; | |||
| 16883 | display: flex; | 16883 | display: flex; | |||
| 16884 | justify-content: center; | 16884 | justify-content: center; | |||
| 16885 | padding-top: 8px!important; | 16885 | padding-top: 8px!important; | |||
| 16886 | padding-bottom: 8px!important | 16886 | padding-bottom: 8px!important | |||
| 16887 | } | 16887 | } | |||
| 16888 | .home-features>div { | 16888 | .home-features>div { | |||
| 16889 | padding-top: 15px !important; | 16889 | padding-top: 15px !important; | |||
| 16890 | padding-bottom: 15px !important; | 16890 | padding-bottom: 15px !important; | |||
| 16891 | } | 16891 | } | |||
| 16892 | .porto-sicon-box { | 16892 | .porto-sicon-box { | |||
| 16893 | margin-bottom: 0; | 16893 | margin-bottom: 0; | |||
| 16894 | } | 16894 | } | |||
| 16895 | @media (max-width: 767px) { | 16895 | @media (max-width: 767px) { | |||
| 16896 | .home-features .pt_column_container>.pt_column-inner { | 16896 | .home-features .pt_column_container>.pt_column-inner { | |||
| 16897 | border-right:none; | 16897 | border-right:none; | |||
| 16898 | justify-content: flex-start; | 16898 | justify-content: flex-start; | |||
| 16899 | padding-left: 5%!important; | 16899 | padding-left: 5%!important; | |||
| 16900 | } | 16900 | } | |||
| 16901 | .home-features>div:not(:last-child) { | 16901 | .home-features>div:not(:last-child) { | |||
| 16902 | border-bottom: 1px solid #e7e7e7; | 16902 | border-bottom: 1px solid #e7e7e7; | |||
| 16903 | } | 16903 | } | |||
| 16904 | } | 16904 | } | |||
| 16905 | .home-features .pt_column_container:last-child>.pt_column-inner { | 16905 | .home-features .pt_column_container:last-child>.pt_column-inner { | |||
| 16906 | border-right: none; | 16906 | border-right: none; | |||
| 16907 | } | 16907 | } | |||
| 16908 | .home-features h3,.home-features p { | 16908 | .home-features h3,.home-features p { | |||
| 16909 | font-family: 'Open Sans'; | 16909 | font-family: 'Open Sans'; | |||
| 16910 | } | 16910 | } | |||
| 16911 | </style> | 16911 | </style> | |||
| 16912 | <div class="row"> | 16912 | <div class="row"> | |||
| 16913 | <div class="pt_column_container col-md-12"> | 16913 | <div class="pt_column_container col-md-12"> | |||
| 16914 | <div class="wpb_wrapper pt_column-inner"> | 16914 | <div class="wpb_wrapper pt_column-inner"> | |||
| 16915 | <div class="pt_row pt_inner row no-padding home-features pt_row-has-fill" style="margin-right: 0px; margin-bottom: 40px; margin-left: 0px; border: 1px #e7e7e7 solid;"> | 16915 | <div class="pt_row pt_inner row no-padding home-features pt_row-has-fill" style="margin-right: 0px; margin-bottom: 40px; margin-left: 0px; border: 1px #e7e7e7 solid;"> | |||
| 16916 | <div class="pt_column_container col-md-4"> | 16916 | <div class="pt_column_container col-md-4"> | |||
| 16917 | <div class="wpb_wrapper pt_column-inner"> | 16917 | <div class="wpb_wrapper pt_column-inner"> | |||
| 16918 | <div class="porto-sicon-box style_1 default-icon"> | 16918 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 16919 | <div class="porto-sicon-default"> | 16919 | <div class="porto-sicon-default"> | |||
| 16920 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 16920 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 16921 | <div class="porto-icon none" style="color: #d66a79; font-size: 35px; display: inline-block;"><i class="porto-icon-shipping"></i></div> | 16921 | <div class="porto-icon none" style="color: #d66a79; font-size: 35px; display: inline-block;"><i class="porto-icon-shipping"></i></div> | |||
| 16922 | </div> | 16922 | </div> | |||
| 16923 | </div> | 16923 | </div> | |||
| 16924 | <div class="porto-sicon-header"> | 16924 | <div class="porto-sicon-header"> | |||
| 16925 | <h3 class="porto-sicon-title" style="font-weight: 600; font-size: 14px; line-height: 14px;">FREE SHIPPING & RETURN</h3> | 16925 | <h3 class="porto-sicon-title" style="font-weight: 600; font-size: 14px; line-height: 14px;">FREE SHIPPING & RETURN</h3> | |||
| 16926 | <p style="font-weight: 300; font-size: 13px; line-height: 17px; color: #839199;">Free shipping on all orders over $99.</p> | 16926 | <p style="font-weight: 300; font-size: 13px; line-height: 17px; color: #839199;">Free shipping on all orders over $99.</p> | |||
| 16927 | </div> | 16927 | </div> | |||
| 16928 | </div> | 16928 | </div> | |||
| 16929 | </div> | 16929 | </div> | |||
| 16930 | </div> | 16930 | </div> | |||
| 16931 | <div class="pt_column_container col-md-4"> | 16931 | <div class="pt_column_container col-md-4"> | |||
| 16932 | <div class="wpb_wrapper pt_column-inner"> | 16932 | <div class="wpb_wrapper pt_column-inner"> | |||
| 16933 | <div class="porto-sicon-box style_1 default-icon"> | 16933 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 16934 | <div class="porto-sicon-default"> | 16934 | <div class="porto-sicon-default"> | |||
| 16935 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 16935 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 16936 | <div class="porto-icon none" style="color: #d66a79; font-size: 35px; display: inline-block;"><i class="porto-icon-money"></i></div> | 16936 | <div class="porto-icon none" style="color: #d66a79; font-size: 35px; display: inline-block;"><i class="porto-icon-money"></i></div> | |||
| 16937 | </div> | 16937 | </div> | |||
| 16938 | </div> | 16938 | </div> | |||
| 16939 | <div class="porto-sicon-header"> | 16939 | <div class="porto-sicon-header"> | |||
| 16940 | <h3 class="porto-sicon-title" style="font-weight: 600; font-size: 14px; line-height: 14px;">MONEY BACK GUARANTEE</h3> | 16940 | <h3 class="porto-sicon-title" style="font-weight: 600; font-size: 14px; line-height: 14px;">MONEY BACK GUARANTEE</h3> | |||
| 16941 | <p style="font-weight: 300; font-size: 13px; line-height: 17px; color: #839199;">100% money back guarantee</p> | 16941 | <p style="font-weight: 300; font-size: 13px; line-height: 17px; color: #839199;">100% money back guarantee</p> | |||
| 16942 | </div> | 16942 | </div> | |||
| 16943 | </div> | 16943 | </div> | |||
| 16944 | </div> | 16944 | </div> | |||
| 16945 | </div> | 16945 | </div> | |||
| 16946 | <div class="pt_column_container col-md-4"> | 16946 | <div class="pt_column_container col-md-4"> | |||
| 16947 | <div class="wpb_wrapper pt_column-inner"> | 16947 | <div class="wpb_wrapper pt_column-inner"> | |||
| 16948 | <div class="porto-sicon-box style_1 default-icon"> | 16948 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 16949 | <div class="porto-sicon-default"> | 16949 | <div class="porto-sicon-default"> | |||
| 16950 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 16950 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 16951 | <div class="porto-icon none" style="color: #d66a79; font-size: 35px; display: inline-block;"><i class="porto-icon-support"></i></div> | 16951 | <div class="porto-icon none" style="color: #d66a79; font-size: 35px; display: inline-block;"><i class="porto-icon-support"></i></div> | |||
| 16952 | </div> | 16952 | </div> | |||
| 16953 | </div> | 16953 | </div> | |||
| 16954 | <div class="porto-sicon-header"> | 16954 | <div class="porto-sicon-header"> | |||
| 16955 | <h3 class="porto-sicon-title" style="font-weight: 600; font-size: 14px; line-height: 14px;">ONLINE SUPPORT 24/7</h3> | 16955 | <h3 class="porto-sicon-title" style="font-weight: 600; font-size: 14px; line-height: 14px;">ONLINE SUPPORT 24/7</h3> | |||
| 16956 | <p style="font-weight: 300; font-size: 13px; line-height: 17px; color: #839199;">Lorem ipsum dolor sit amet.</p> | 16956 | <p style="font-weight: 300; font-size: 13px; line-height: 17px; color: #839199;">Lorem ipsum dolor sit amet.</p> | |||
| 16957 | </div> | 16957 | </div> | |||
| 16958 | </div> | 16958 | </div> | |||
| 16959 | </div> | 16959 | </div> | |||
| 16960 | </div> | 16960 | </div> | |||
| 16961 | </div> | 16961 | </div> | |||
| 16962 | <div id="recomen-products" class="porto-products wpb_content_element title-border-bottom mb-0"> | 16962 | <div id="recomen-products" class="porto-products wpb_content_element title-border-bottom mb-0"> | |||
| 16963 | <h2 class="section-title slider-title"><span class="inline-title">Our Recommendations</span><span class="line"></span></h2> | 16963 | <h2 class="section-title slider-title"><span class="inline-title">Our Recommendations</span><span class="line"></span></h2> | |||
| 16964 | <div class="slider-wrapper"> | 16964 | <div class="slider-wrapper"> | |||
| 16965 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="best_product" extra_class="show-dots-title-right dots-style-1" product_count="6" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | 16965 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="best_product" extra_class="show-dots-title-right dots-style-1" product_count="6" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||
| 16966 | <script type="text/javascript"> | 16966 | <script type="text/javascript"> | |||
| 16967 | require([ | 16967 | require([ | |||
| 16968 | 'jquery', | 16968 | 'jquery', | |||
| 16969 | 'owl.carousel/owl.carousel.min' | 16969 | 'owl.carousel/owl.carousel.min' | |||
| 16970 | ], function ($) { | 16970 | ], function ($) { | |||
| 16971 | $("#recomen-products .owl-carousel").owlCarousel({ | 16971 | $("#recomen-products .owl-carousel").owlCarousel({ | |||
| 16972 | autoplay: false, | 16972 | autoplay: false, | |||
| 16973 | autoplayTimeout: 5000, | 16973 | autoplayTimeout: 5000, | |||
| 16974 | autoplayHoverPause: true, | 16974 | autoplayHoverPause: true, | |||
| 16975 | loop: true, | 16975 | loop: true, | |||
| 16976 | navRewind: true, | 16976 | navRewind: true, | |||
| 16977 | lazyLoad:true, | 16977 | lazyLoad:true, | |||
| 16978 | margin: 0, | 16978 | margin: 0, | |||
| 16979 | nav: false, | 16979 | nav: false, | |||
| 16980 | dots: true, | 16980 | dots: true, | |||
| 16981 | responsive: { | 16981 | responsive: { | |||
| 16982 | 0: { | 16982 | 0: { | |||
| 16983 | items:2 | 16983 | items:2 | |||
| 16984 | }, | 16984 | }, | |||
| 16985 | 640: { | 16985 | 640: { | |||
| 16986 | items:3 | 16986 | items:3 | |||
| 16987 | }, | 16987 | }, | |||
| 16988 | 768: { | 16988 | 768: { | |||
| 16989 | items:3 | 16989 | items:3 | |||
| 16990 | }, | 16990 | }, | |||
| 16991 | 992: { | 16991 | 992: { | |||
| 16992 | items:4 | 16992 | items:4 | |||
| 16993 | }, | 16993 | }, | |||
| 16994 | 1200: { | 16994 | 1200: { | |||
| 16995 | items:4 | 16995 | items:4 | |||
| 16996 | } | 16996 | } | |||
| 16997 | } | 16997 | } | |||
| 16998 | }); | 16998 | }); | |||
| 16999 | }); | 16999 | }); | |||
| 17000 | </script> | 17000 | </script> | |||
| 17001 | </div> | 17001 | </div> | |||
| 17002 | </div> | 17002 | </div> | |||
| 17003 | </div> | 17003 | </div> | |||
| 17004 | </div> | 17004 | </div> | |||
| 17005 | </div> | 17005 | </div> | |||
| 17006 | </div> | 17006 | </div> | |||
| 17007 | </div> | 17007 | </div> | |||
| 17008 | ]]> | 17008 | ]]> | |||
| 17009 | </content> | 17009 | </content> | |||
| 17010 | 17010 | |||||
| 17011 | <is_active> | 17011 | <is_active> | |||
| 17012 | 1 | 17012 | 1 | |||
| 17013 | </is_active> | 17013 | </is_active> | |||
| 17014 | 17014 | |||||
| 17015 | <page_layout> | 17015 | <page_layout> | |||
| 17016 | 1column | 17016 | 1column | |||
| 17017 | </page_layout> | 17017 | </page_layout> | |||
| 17018 | 17018 | |||||
| 17019 | <layout_update_xml> | 17019 | <layout_update_xml> | |||
| 17020 | <![CDATA[]]> | 17020 | <![CDATA[]]> | |||
| 17021 | </layout_update_xml> | 17021 | </layout_update_xml> | |||
| 17022 | 17022 | |||||
| 17023 | </cms_item> | 17023 | </cms_item> | |||
| 17024 | 17024 | |||||
| 17025 | <cms_item> | 17025 | <cms_item> | |||
| 17026 | 17026 | |||||
| 17027 | <title> | 17027 | <title> | |||
| 17028 | Porto - Homepage 29 | 17028 | Porto - Homepage 29 | |||
| 17029 | </title> | 17029 | </title> | |||
| 17030 | 17030 | |||||
| 17031 | <identifier> | 17031 | <identifier> | |||
| 17032 | porto_home_29 | 17032 | porto_home_29 | |||
| 17033 | </identifier> | 17033 | </identifier> | |||
| 17034 | 17034 | |||||
| 17035 | <content> | 17035 | <content> | |||
| 17036 | <![CDATA[<style> | 17036 | <![CDATA[<style> | |||
| 17037 | .columns .column.main { | 17037 | .columns .column.main { | |||
| 17038 | padding: 0; | 17038 | padding: 0; | |||
| 17039 | } | 17039 | } | |||
| 17040 | .pt_row {clear: both;} | 17040 | .pt_row {clear: both;} | |||
| 17041 | hr.solid, hr { | 17041 | hr.solid, hr { | |||
| 17042 | background: rgba(255,255,255,.06); | 17042 | background: rgba(255,255,255,.06); | |||
| 17043 | } | 17043 | } | |||
| 17044 | .ls-10em { | 17044 | .ls-10em { | |||
| 17045 | letter-spacing: .01em; | 17045 | letter-spacing: .01em; | |||
| 17046 | } | 17046 | } | |||
| 17047 | .ls-25em { | 17047 | .ls-25em { | |||
| 17048 | letter-spacing: .025em; | 17048 | letter-spacing: .025em; | |||
| 17049 | } | 17049 | } | |||
| 17050 | .ls-negative-25em { | 17050 | .ls-negative-25em { | |||
| 17051 | letter-spacing: -.025em; | 17051 | letter-spacing: -.025em; | |||
| 17052 | } | 17052 | } | |||
| 17053 | .font-weight-semibold, .text-weight-semibold { | 17053 | .font-weight-semibold, .text-weight-semibold { | |||
| 17054 | font-weight: 600; | 17054 | font-weight: 600; | |||
| 17055 | } | 17055 | } | |||
| 17056 | .pc-position-absolute { | 17056 | .pc-position-absolute { | |||
| 17057 | position: absolute!important; | 17057 | position: absolute!important; | |||
| 17058 | } | 17058 | } | |||
| 17059 | .right-0, .pc-right-0 { | 17059 | .right-0, .pc-right-0 { | |||
| 17060 | right: 0; | 17060 | right: 0; | |||
| 17061 | } | 17061 | } | |||
| 17062 | .bottom-0, .pc-bottom-0 { | 17062 | .bottom-0, .pc-bottom-0 { | |||
| 17063 | bottom: 0; | 17063 | bottom: 0; | |||
| 17064 | } | 17064 | } | |||
| 17065 | .top-0, .pc-top-0 { | 17065 | .top-0, .pc-top-0 { | |||
| 17066 | top: 0; | 17066 | top: 0; | |||
| 17067 | } | 17067 | } | |||
| 17068 | .left-0, .pc-left-0 { | 17068 | .left-0, .pc-left-0 { | |||
| 17069 | top: 0; | 17069 | top: 0; | |||
| 17070 | } | 17070 | } | |||
| 17071 | .pt_btn3.btn { | 17071 | .pt_btn3.btn { | |||
| 17072 | font-family: 'Open Sans'; | 17072 | font-family: 'Open Sans'; | |||
| 17073 | font-weight: 700; | 17073 | font-weight: 700; | |||
| 17074 | text-transform: uppercase; | 17074 | text-transform: uppercase; | |||
| 17075 | padding: 1.2em 2.5em; | 17075 | padding: 1.2em 2.5em; | |||
| 17076 | letter-spacing: .01em; | 17076 | letter-spacing: .01em; | |||
| 17077 | } | 17077 | } | |||
| 17078 | .pt_btn3.btn-sm { | 17078 | .pt_btn3.btn-sm { | |||
| 17079 | padding: 1em 2.25em; | 17079 | padding: 1em 2.25em; | |||
| 17080 | } | 17080 | } | |||
| 17081 | .porto-ultimate-content-box { | 17081 | .porto-ultimate-content-box { | |||
| 17082 | position: relative; | 17082 | position: relative; | |||
| 17083 | font-size: inherit; | 17083 | font-size: inherit; | |||
| 17084 | } | 17084 | } | |||
| 17085 | .porto-ultimate-content-box .btn-container { | 17085 | .porto-ultimate-content-box .btn-container { | |||
| 17086 | font-size: inherit; | 17086 | font-size: inherit; | |||
| 17087 | margin-bottom: 20px; | 17087 | margin-bottom: 20px; | |||
| 17088 | } | 17088 | } | |||
| 17089 | .porto-ultimate-content-box .price del { | 17089 | .porto-ultimate-content-box .price del { | |||
| 17090 | font-size: 65%; | 17090 | font-size: 65%; | |||
| 17091 | color: #a7a7a7; | 17091 | color: #a7a7a7; | |||
| 17092 | } | 17092 | } | |||
| 17093 | .coupon-text-sale { | 17093 | .coupon-text-sale { | |||
| 17094 | transform: rotate(0); | 17094 | transform: rotate(0); | |||
| 17095 | letter-spacing: .01em; | 17095 | letter-spacing: .01em; | |||
| 17096 | position: relative; | 17096 | position: relative; | |||
| 17097 | padding-left: 8px; | 17097 | padding-left: 8px; | |||
| 17098 | } | 17098 | } | |||
| 17099 | .coupon-text-sale i { | 17099 | .coupon-text-sale i { | |||
| 17100 | font-style: normal; | 17100 | font-style: normal; | |||
| 17101 | position: absolute; | 17101 | position: absolute; | |||
| 17102 | left: -1.5em; | 17102 | left: -1.5em; | |||
| 17103 | top: 50%; | 17103 | top: 50%; | |||
| 17104 | transform: translateY(-50%) rotate(-90deg); | 17104 | transform: translateY(-50%) rotate(-90deg); | |||
| 17105 | font-size: .65em; | 17105 | font-size: .65em; | |||
| 17106 | opacity: .6; | 17106 | opacity: .6; | |||
| 17107 | letter-spacing: 0; | 17107 | letter-spacing: 0; | |||
| 17108 | } | 17108 | } | |||
| 17109 | .coupon-text-sale b { | 17109 | .coupon-text-sale b { | |||
| 17110 | display: inline-block; | 17110 | display: inline-block; | |||
| 17111 | background: #ee8379; | 17111 | background: #ee8379; | |||
| 17112 | color: #fff; | 17112 | color: #fff; | |||
| 17113 | font-size: 1.6em; | 17113 | font-size: 1.6em; | |||
| 17114 | padding: 4px 8px; | 17114 | padding: 4px 8px; | |||
| 17115 | margin-right: .25rem; | 17115 | margin-right: .25rem; | |||
| 17116 | } | 17116 | } | |||
| 17117 | </style> | 17117 | </style> | |||
| 17118 | <div class="pt_row porto-inner-container" style="margin-top: 20px;"> | 17118 | <div class="pt_row porto-inner-container" style="margin-top: 20px;"> | |||
| 17119 | <div class="porto-wrap-container container"> | 17119 | <div class="porto-wrap-container container"> | |||
| 17120 | <div class="row"> | 17120 | <div class="row"> | |||
| 17121 | <div class="m-b-md pt_column_container col-md-8"> | 17121 | <div class="m-b-md pt_column_container col-md-8"> | |||
| 17122 | <div class="wpb_wrapper pt_column-inner"> | 17122 | <div class="wpb_wrapper pt_column-inner"> | |||
| 17123 | <div class="porto-ultimate-content-box-container"> | 17123 | <div class="porto-ultimate-content-box-container"> | |||
| 17124 | <div class="porto-ultimate-content-box has-content-pos justify-content-center" | 17124 | <div class="porto-ultimate-content-box has-content-pos justify-content-center" | |||
| 17125 | style="background-size: cover; | 17125 | style="background-size: cover; | |||
| 17126 | background-repeat: no-repeat; | 17126 | background-repeat: no-repeat; | |||
| 17127 | background-position: center center; | 17127 | background-position: center center; | |||
| 17128 | min-height: 440px; | 17128 | min-height: 440px; | |||
| 17129 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/29/shop29_home_banner1.jpg"}}'); | 17129 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/29/shop29_home_banner1.jpg"}}'); | |||
| 17130 | padding-right: 40px; | 17130 | padding-right: 40px; | |||
| 17131 | background-color: #181a1c;"> | 17131 | background-color: #181a1c;"> | |||
| 17132 | <h3 style="font-size: 18px; line-height: 1; font-weight: 700; padding-top: 10px; padding-right: 12px; padding-bottom: 10px; padding-left: 12px;" class="pt_custom_heading align-self-end background-color-primary align-right text-uppercase heading-light"> | 17132 | <h3 style="font-size: 18px; line-height: 1; font-weight: 700; padding-top: 10px; padding-right: 12px; padding-bottom: 10px; padding-left: 12px;" class="pt_custom_heading align-self-end background-color-primary align-right text-uppercase heading-light"> | |||
| 17133 | 50% OFF | 17133 | 50% OFF | |||
| 17134 | </h3> | 17134 | </h3> | |||
| 17135 | <h2 style="font-size: 40px; line-height: 1; font-weight: 700;" class="pt_custom_heading mb-2 ls-10em align-right text-uppercase heading-light"> | 17135 | <h2 style="font-size: 40px; line-height: 1; font-weight: 700;" class="pt_custom_heading mb-2 ls-10em align-right text-uppercase heading-light"> | |||
| 17136 | PORTOGEAR 2 | 17136 | PORTOGEAR 2 | |||
| 17137 | </h2> | 17137 | </h2> | |||
| 17138 | <h3 style="font-size: 28px; line-height: 1.2; font-weight: 600;" class="pt_custom_heading price mb-0 align-right heading-light"><del>$59</del> $29</h3> | 17138 | <h3 style="font-size: 28px; line-height: 1.2; font-weight: 600;" class="pt_custom_heading price mb-0 align-right heading-light"><del>$59</del> $29</h3> | |||
| 17139 | <div class="btn-container pc-position-absolute pc-bottom-0 pc-right-0 d-inline-block" style="margin-right: 20px;"> | 17139 | <div class="btn-container pc-position-absolute pc-bottom-0 pc-right-0 d-inline-block" style="margin-right: 20px;"> | |||
| 17140 | <button class="pt_btn3 btn btn-lg btn-quaternary">Shop Now</button> | 17140 | <button class="pt_btn3 btn btn-lg btn-quaternary">Shop Now</button> | |||
| 17141 | </div> | 17141 | </div> | |||
| 17142 | </div> | 17142 | </div> | |||
| 17143 | </div> | 17143 | </div> | |||
| 17144 | </div> | 17144 | </div> | |||
| 17145 | </div> | 17145 | </div> | |||
| 17146 | <div class="pt_column_container col-md-4"> | 17146 | <div class="pt_column_container col-md-4"> | |||
| 17147 | <div class="wpb_wrapper pt_column-inner"> | 17147 | <div class="wpb_wrapper pt_column-inner"> | |||
| 17148 | <div class="porto-ultimate-content-box-container m-b-md"> | 17148 | <div class="porto-ultimate-content-box-container m-b-md"> | |||
| 17149 | <div class="porto-ultimate-content-box has-content-pos justify-content-end" | 17149 | <div class="porto-ultimate-content-box has-content-pos justify-content-end" | |||
| 17150 | style="background-size: contain; | 17150 | style="background-size: contain; | |||
| 17151 | background-repeat: no-repeat; | 17151 | background-repeat: no-repeat; | |||
| 17152 | background-position: left center; | 17152 | background-position: left center; | |||
| 17153 | min-height: 210px; | 17153 | min-height: 210px; | |||
| 17154 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/29/shop29_home_banner2.png"}}'); | 17154 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/29/shop29_home_banner2.png"}}'); | |||
| 17155 | padding-right: 20px; | 17155 | padding-right: 20px; | |||
| 17156 | padding-bottom: 20px; | 17156 | padding-bottom: 20px; | |||
| 17157 | background-color: #181a1c;"> | 17157 | background-color: #181a1c;"> | |||
| 17158 | <h3 style="font-size: 13px; color: rgba(255, 255, 255, 0.4); line-height: 1; font-weight: 700;" class="pt_custom_heading mb-2 ls-25em align-right text-uppercase"> | 17158 | <h3 style="font-size: 13px; color: rgba(255, 255, 255, 0.4); line-height: 1; font-weight: 700;" class="pt_custom_heading mb-2 ls-25em align-right text-uppercase"> | |||
| 17159 | flash sales on | 17159 | flash sales on | |||
| 17160 | </h3> | 17160 | </h3> | |||
| 17161 | <h2 style="font-size: 28px; line-height: 0.9; font-weight: 700;" class="pt_custom_heading ls-10em mb-5 align-right heading-light"> | 17161 | <h2 style="font-size: 28px; line-height: 0.9; font-weight: 700;" class="pt_custom_heading ls-10em mb-5 align-right heading-light"> | |||
| 17162 | CONSOLES | 17162 | CONSOLES | |||
| 17163 | </h2> | 17163 | </h2> | |||
| 17164 | <div class="btn-container mb-0 text-right"> | 17164 | <div class="btn-container mb-0 text-right"> | |||
| 17165 | <button class="pt_btn3 pt_btn3-shape-default btn btn-sm btn-quaternary"> | 17165 | <button class="pt_btn3 pt_btn3-shape-default btn btn-sm btn-quaternary"> | |||
| 17166 | SHOP NOW | 17166 | SHOP NOW | |||
| 17167 | </button> | 17167 | </button> | |||
| 17168 | </div> | 17168 | </div> | |||
| 17169 | </div> | 17169 | </div> | |||
| 17170 | </div> | 17170 | </div> | |||
| 17171 | <div class="porto-ultimate-content-box-container m-b-md"> | 17171 | <div class="porto-ultimate-content-box-container m-b-md"> | |||
| 17172 | <div class="porto-ultimate-content-box" | 17172 | <div class="porto-ultimate-content-box" | |||
| 17173 | style="background-size: cover; | 17173 | style="background-size: cover; | |||
| 17174 | background-repeat: no-repeat; | 17174 | background-repeat: no-repeat; | |||
| 17175 | background-position: center center; | 17175 | background-position: center center; | |||
| 17176 | min-height: 210px; | 17176 | min-height: 210px; | |||
| 17177 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/29/shop29_home_banner3.jpg"}}'); | 17177 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/29/shop29_home_banner3.jpg"}}'); | |||
| 17178 | padding-top: 20px; | 17178 | padding-top: 20px; | |||
| 17179 | padding-left: 25px; | 17179 | padding-left: 25px; | |||
| 17180 | background-color: #181a1c;"> | 17180 | background-color: #181a1c;"> | |||
| 17181 | <h3 style="font-size: 13px; color: rgba(255, 255, 255, 0.4); line-height: 1; font-weight: 700;" class="pt_custom_heading mb-1 ls-25em align-left text-uppercase"> | 17181 | <h3 style="font-size: 13px; color: rgba(255, 255, 255, 0.4); line-height: 1; font-weight: 700;" class="pt_custom_heading mb-1 ls-25em align-left text-uppercase"> | |||
| 17182 | CHECK NEW WIRELESS | 17182 | CHECK NEW WIRELESS | |||
| 17183 | </h3> | 17183 | </h3> | |||
| 17184 | <h2 style="font-size: 23px; line-height: 1; font-weight: 700;" class="pt_custom_heading ls-10em mb-3 align-left heading-light"> | 17184 | <h2 style="font-size: 23px; line-height: 1; font-weight: 700;" class="pt_custom_heading ls-10em mb-3 align-left heading-light"> | |||
| 17185 | CONTROLLERS | 17185 | CONTROLLERS | |||
| 17186 | </h2> | 17186 | </h2> | |||
| 17187 | <h3 style="font-size: 16px; line-height: 1; font-weight: 700;" class="pt_custom_heading coupon-text-sale mb-0 align-left text-uppercase heading-light"><i>Up To</i><b>50%</b> OFF</h3> | 17187 | <h3 style="font-size: 16px; line-height: 1; font-weight: 700;" class="pt_custom_heading coupon-text-sale mb-0 align-left text-uppercase heading-light"><i>Up To</i><b>50%</b> OFF</h3> | |||
| 17188 | <div class="btn-container pc-position-absolute pc-bottom-0 pc-right-0 text-right" style="margin-right: 20px;"> | 17188 | <div class="btn-container pc-position-absolute pc-bottom-0 pc-right-0 text-right" style="margin-right: 20px;"> | |||
| 17189 | <button class="pt_btn3 btn btn-sm btn-quaternary">SHOP NOW</button> | 17189 | <button class="pt_btn3 btn btn-sm btn-quaternary">SHOP NOW</button> | |||
| 17190 | </div> | 17190 | </div> | |||
| 17191 | </div> | 17191 | </div> | |||
| 17192 | </div> | 17192 | </div> | |||
| 17193 | </div> | 17193 | </div> | |||
| 17194 | </div> | 17194 | </div> | |||
| 17195 | </div> | 17195 | </div> | |||
| 17196 | </div> | 17196 | </div> | |||
| 17197 | </div> | 17197 | </div> | |||
| 17198 | <style> | 17198 | <style> | |||
| 17199 | .home-features .pt_column_container > .pt_column-inner { | 17199 | .home-features .pt_column_container > .pt_column-inner { | |||
| 17200 | width: auto; | 17200 | width: auto; | |||
| 17201 | border-right: 1px solid #2c2f33; | 17201 | border-right: 1px solid #2c2f33; | |||
| 17202 | display: flex; | 17202 | display: flex; | |||
| 17203 | justify-content: center; | 17203 | justify-content: center; | |||
| 17204 | padding-top: 15px !important; | 17204 | padding-top: 15px !important; | |||
| 17205 | padding-bottom: 15px !important; | 17205 | padding-bottom: 15px !important; | |||
| 17206 | } | 17206 | } | |||
| 17207 | @media (max-width: 767px) { | 17207 | @media (max-width: 767px) { | |||
| 17208 | .home-features .pt_column_container > .pt_column-inner { | 17208 | .home-features .pt_column_container > .pt_column-inner { | |||
| 17209 | border-right: none; | 17209 | border-right: none; | |||
| 17210 | justify-content: flex-start; | 17210 | justify-content: flex-start; | |||
| 17211 | padding-left: 5% !important; | 17211 | padding-left: 5% !important; | |||
| 17212 | border-bottom: 1px solid #2c2f33; | 17212 | border-bottom: 1px solid #2c2f33; | |||
| 17213 | } | 17213 | } | |||
| 17214 | } | 17214 | } | |||
| 17215 | .home-features .pt_column_container:last-child > .pt_column-inner { | 17215 | .home-features .pt_column_container:last-child > .pt_column-inner { | |||
| 17216 | border-right: none; | 17216 | border-right: none; | |||
| 17217 | border-bottom: none; | 17217 | border-bottom: none; | |||
| 17218 | } | 17218 | } | |||
| 17219 | </style> | 17219 | </style> | |||
| 17220 | <div class="pt_row home-features no-padding porto-inner-container" style="padding-top: 10px; padding-bottom: 30px;"> | 17220 | <div class="pt_row home-features no-padding porto-inner-container" style="padding-top: 10px; padding-bottom: 30px;"> | |||
| 17221 | <div class="porto-wrap-container container"> | 17221 | <div class="porto-wrap-container container"> | |||
| 17222 | <div class="row"> | 17222 | <div class="row"> | |||
| 17223 | <div class="pt_column_container col-md-4"> | 17223 | <div class="pt_column_container col-md-4"> | |||
| 17224 | <div class="wpb_wrapper pt_column-inner"> | 17224 | <div class="wpb_wrapper pt_column-inner"> | |||
| 17225 | <div class="porto-sicon-box style_1 default-icon"> | 17225 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 17226 | <div class="porto-sicon-default"> | 17226 | <div class="porto-sicon-default"> | |||
| 17227 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 17227 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 17228 | <div class="porto-icon none" style="color: #0078f2; font-size: 35px; display: inline-block;"><i class="porto-icon-shipping"></i></div> | 17228 | <div class="porto-icon none" style="color: #0078f2; font-size: 35px; display: inline-block;"><i class="porto-icon-shipping"></i></div> | |||
| 17229 | </div> | 17229 | </div> | |||
| 17230 | </div> | 17230 | </div> | |||
| 17231 | <div class="porto-sicon-header"> | 17231 | <div class="porto-sicon-header"> | |||
| 17232 | <h4 class="porto-sicon-title" style="font-weight: 600; font-size: 15px; line-height: 15px;">FREE SHIPPING & RETURN</h4> | 17232 | <h4 class="porto-sicon-title" style="font-weight: 600; font-size: 15px; line-height: 15px;">FREE SHIPPING & RETURN</h4> | |||
| 17233 | <p style="font-weight: 300; font-size: 13px; line-height: 20px; color: #839199;">Free shipping on all orders over $99</p> | 17233 | <p style="font-weight: 300; font-size: 13px; line-height: 20px; color: #839199;">Free shipping on all orders over $99</p> | |||
| 17234 | </div> | 17234 | </div> | |||
| 17235 | </div> | 17235 | </div> | |||
| 17236 | </div> | 17236 | </div> | |||
| 17237 | </div> | 17237 | </div> | |||
| 17238 | <div class="pt_column_container col-md-4"> | 17238 | <div class="pt_column_container col-md-4"> | |||
| 17239 | <div class="wpb_wrapper pt_column-inner"> | 17239 | <div class="wpb_wrapper pt_column-inner"> | |||
| 17240 | <div class="porto-sicon-box style_1 default-icon"> | 17240 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 17241 | <div class="porto-sicon-default"> | 17241 | <div class="porto-sicon-default"> | |||
| 17242 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 17242 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 17243 | <div class="porto-icon none" style="color: #0078f2; font-size: 35px; display: inline-block;"><i class="porto-icon-money"></i></div> | 17243 | <div class="porto-icon none" style="color: #0078f2; font-size: 35px; display: inline-block;"><i class="porto-icon-money"></i></div> | |||
| 17244 | </div> | 17244 | </div> | |||
| 17245 | </div> | 17245 | </div> | |||
| 17246 | <div class="porto-sicon-header"> | 17246 | <div class="porto-sicon-header"> | |||
| 17247 | <h4 class="porto-sicon-title" style="font-weight: 600; font-size: 15px; line-height: 15px;">MONEY BACK GUARANTEE</h4> | 17247 | <h4 class="porto-sicon-title" style="font-weight: 600; font-size: 15px; line-height: 15px;">MONEY BACK GUARANTEE</h4> | |||
| 17248 | <p style="font-weight: 300; font-size: 13px; line-height: 20px; color: #839199;">100% money back guarantee</p> | 17248 | <p style="font-weight: 300; font-size: 13px; line-height: 20px; color: #839199;">100% money back guarantee</p> | |||
| 17249 | </div> | 17249 | </div> | |||
| 17250 | </div> | 17250 | </div> | |||
| 17251 | </div> | 17251 | </div> | |||
| 17252 | </div> | 17252 | </div> | |||
| 17253 | <div class="pt_column_container col-md-4"> | 17253 | <div class="pt_column_container col-md-4"> | |||
| 17254 | <div class="wpb_wrapper pt_column-inner"> | 17254 | <div class="wpb_wrapper pt_column-inner"> | |||
| 17255 | <div class="porto-sicon-box style_1 default-icon"> | 17255 | <div class="porto-sicon-box style_1 default-icon"> | |||
| 17256 | <div class="porto-sicon-default"> | 17256 | <div class="porto-sicon-default"> | |||
| 17257 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | 17257 | <div class="porto-just-icon-wrapper" style="text-align: center;"> | |||
| 17258 | <div class="porto-icon none" style="color: #0078f2; font-size: 35px; display: inline-block;"><i class="porto-icon-support"></i></div> | 17258 | <div class="porto-icon none" style="color: #0078f2; font-size: 35px; display: inline-block;"><i class="porto-icon-support"></i></div> | |||
| 17259 | </div> | 17259 | </div> | |||
| 17260 | </div> | 17260 | </div> | |||
| 17261 | <div class="porto-sicon-header"> | 17261 | <div class="porto-sicon-header"> | |||
| 17262 | <h4 class="porto-sicon-title" style="font-weight: 600; font-size: 15px; line-height: 15px;">ONLINE SUPPORT 24/7</h4> | 17262 | <h4 class="porto-sicon-title" style="font-weight: 600; font-size: 15px; line-height: 15px;">ONLINE SUPPORT 24/7</h4> | |||
| 17263 | <p style="font-weight: 300; font-size: 13px; line-height: 20px; color: #839199;">Lorem ipsum dolor sit amet</p> | 17263 | <p style="font-weight: 300; font-size: 13px; line-height: 20px; color: #839199;">Lorem ipsum dolor sit amet</p> | |||
| 17264 | </div> | 17264 | </div> | |||
| 17265 | </div> | 17265 | </div> | |||
| 17266 | </div> | 17266 | </div> | |||
| 17267 | </div> | 17267 | </div> | |||
| 17268 | </div> | 17268 | </div> | |||
| 17269 | </div> | 17269 | </div> | |||
| 17270 | </div> | 17270 | </div> | |||
| 17271 | <div class="pt_row pt_row-has-fill porto-inner-container" style="padding-top: 65px; padding-bottom: 40px; background-color: #1c1e21;"> | 17271 | <div class="pt_row pt_row-has-fill porto-inner-container" style="padding-top: 65px; padding-bottom: 40px; background-color: #1c1e21;"> | |||
| 17272 | <div class="porto-wrap-container container"> | 17272 | <div class="porto-wrap-container container"> | |||
| 17273 | <div class="row"> | 17273 | <div class="row"> | |||
| 17274 | <div class="pt_column_container col-md-12"> | 17274 | <div class="pt_column_container col-md-12"> | |||
| 17275 | <div class="wpb_wrapper pt_column-inner"> | 17275 | <div class="wpb_wrapper pt_column-inner"> | |||
| 17276 | <div class="wpb_text_column wpb_content_element pull-right mb-2 pc-position-static"> | 17276 | <div class="wpb_text_column wpb_content_element pull-right mb-2 pc-position-static"> | |||
| 17277 | <div class="wpb_wrapper"> | 17277 | <div class="wpb_wrapper"> | |||
| 17278 | <p class="mb-0"> | 17278 | <p class="mb-0"> | |||
| 17279 | <a class="font-weight-semibold text-color-primary text-uppercase" style="font-size: 12px;" title="Shop" href="#"> View All Products<i class="fas fa-long-arrow-alt-right ml-1"></i> </a> | 17279 | <a class="font-weight-semibold text-color-primary text-uppercase" style="font-size: 12px;" title="Shop" href="#"> View All Products<i class="fas fa-long-arrow-alt-right ml-1"></i> </a> | |||
| 17280 | </p> | 17280 | </p> | |||
| 17281 | <p style="position: absolute; top: 0; left: -22%;" data-plugin-float-element="" data-plugin-options="{'startPos': 'none', 'speed': 3, 'transition': true}"> | 17281 | <p style="position: absolute; top: 0; left: -22%;" data-plugin-float-element="" data-plugin-options="{'startPos': 'none', 'speed': 3, 'transition': true}"> | |||
| 17282 | <img class="alignnone size-full" src="{{media url="wysiwyg/smartwave/porto/homepage/29/shop29_home_floating5.png"}}" /> | 17282 | <img class="alignnone size-full" src="{{media url="wysiwyg/smartwave/porto/homepage/29/shop29_home_floating5.png"}}" /> | |||
| 17283 | </p> | 17283 | </p> | |||
| 17284 | <p style="position: absolute; top: 39%; left: -26%;" data-plugin-float-element="" data-plugin-options="{'startPos': 'none', 'speed': 3.5, 'transition': true, 'horizontal': true}"> | 17284 | <p style="position: absolute; top: 39%; left: -26%;" data-plugin-float-element="" data-plugin-options="{'startPos': 'none', 'speed': 3.5, 'transition': true, 'horizontal': true}"> | |||
| 17285 | <img class="alignnone" src="{{media url="wysiwyg/smartwave/porto/homepage/29/shop29_home_floating6.png"}}" /> | 17285 | <img class="alignnone" src="{{media url="wysiwyg/smartwave/porto/homepage/29/shop29_home_floating6.png"}}" /> | |||
| 17286 | </p> | 17286 | </p> | |||
| 17287 | <p style="position: absolute; top: 62%; left: -14%;" data-plugin-float-element="" data-plugin-options="{'startPos': 'none', 'speed': 2.5, 'transition': true}"> | 17287 | <p style="position: absolute; top: 62%; left: -14%;" data-plugin-float-element="" data-plugin-options="{'startPos': 'none', 'speed': 2.5, 'transition': true}"> | |||
| 17288 | <img class="alignnone" src="{{media url="wysiwyg/smartwave/porto/homepage/29/shop29_home_floating7.png"}}" /> | 17288 | <img class="alignnone" src="{{media url="wysiwyg/smartwave/porto/homepage/29/shop29_home_floating7.png"}}" /> | |||
| 17289 | </p> | 17289 | </p> | |||
| 17290 | <p style="position: absolute; top: 22%; left: -12%;" data-plugin-float-element="" data-plugin-options="{'startPos': 'none', 'speed': 2, 'transition': true, 'horizontal': true}"> | 17290 | <p style="position: absolute; top: 22%; left: -12%;" data-plugin-float-element="" data-plugin-options="{'startPos': 'none', 'speed': 2, 'transition': true, 'horizontal': true}"> | |||
| 17291 | <img class="alignnone" src="{{media url="wysiwyg/smartwave/porto/homepage/29/shop29_home_floating8.png"}}" data-plugin-options="{'startPos': 'none', 'speed': 2, 'transition': true, 'horizontal': true}"/> | 17291 | <img class="alignnone" src="{{media url="wysiwyg/smartwave/porto/homepage/29/shop29_home_floating8.png"}}" data-plugin-options="{'startPos': 'none', 'speed': 2, 'transition': true, 'horizontal': true}"/> | |||
| 17292 | </p> | 17292 | </p> | |||
| 17293 | <p style="position: absolute; top: 58%; right: -26%;" data-plugin-float-element="" data-plugin-options="{'startPos': 'none', 'speed': 3, 'transition': true}"> | 17293 | <p style="position: absolute; top: 58%; right: -26%;" data-plugin-float-element="" data-plugin-options="{'startPos': 'none', 'speed': 3, 'transition': true}"> | |||
| 17294 | <img class="alignnone size-full" src="{{media url="wysiwyg/smartwave/porto/homepage/29/shop29_home_floating1.png"}}" /> | 17294 | <img class="alignnone size-full" src="{{media url="wysiwyg/smartwave/porto/homepage/29/shop29_home_floating1.png"}}" /> | |||
| 17295 | </p> | 17295 | </p> | |||
| 17296 | <p style="position: absolute; top: 25%; right: -26%;" data-plugin-float-element="" data-plugin-options="{'startPos': 'none', 'speed': 3.5, 'transition': true, 'horizontal': true}"> | 17296 | <p style="position: absolute; top: 25%; right: -26%;" data-plugin-float-element="" data-plugin-options="{'startPos': 'none', 'speed': 3.5, 'transition': true, 'horizontal': true}"> | |||
| 17297 | <img class="alignnone" src="{{media url="wysiwyg/smartwave/porto/homepage/29/shop29_home_floating2.png"}}" /> | 17297 | <img class="alignnone" src="{{media url="wysiwyg/smartwave/porto/homepage/29/shop29_home_floating2.png"}}" /> | |||
| 17298 | </p> | 17298 | </p> | |||
| 17299 | <p style="position: absolute; top: 0; right: -16%;" data-plugin-float-element="" data-plugin-options="{'startPos': 'none', 'speed': 2.5, 'transition': true}"> | 17299 | <p style="position: absolute; top: 0; right: -16%;" data-plugin-float-element="" data-plugin-options="{'startPos': 'none', 'speed': 2.5, 'transition': true}"> | |||
| 17300 | <img class="alignnone" src="{{media url="wysiwyg/smartwave/porto/homepage/29/shop29_home_floating3.png"}}" /> | 17300 | <img class="alignnone" src="{{media url="wysiwyg/smartwave/porto/homepage/29/shop29_home_floating3.png"}}" /> | |||
| 17301 | </p> | 17301 | </p> | |||
| 17302 | <p style="position: absolute; top: 38%; right: -11%;" data-plugin-float-element="" data-plugin-options="{'startPos': 'none', 'speed': 2, 'transition': true, 'horizontal': true}"> | 17302 | <p style="position: absolute; top: 38%; right: -11%;" data-plugin-float-element="" data-plugin-options="{'startPos': 'none', 'speed': 2, 'transition': true, 'horizontal': true}"> | |||
| 17303 | <img class="alignnone" src="{{media url="wysiwyg/smartwave/porto/homepage/29/shop29_home_floating4.png"}}" /> | 17303 | <img class="alignnone" src="{{media url="wysiwyg/smartwave/porto/homepage/29/shop29_home_floating4.png"}}" /> | |||
| 17304 | </p> | 17304 | </p> | |||
| 17305 | </div> | 17305 | </div> | |||
| 17306 | <script type="text/javascript"> | 17306 | <script type="text/javascript"> | |||
| 17307 | » » » require([ | 17307 | » » » require([ | |||
| 17308 | » » » » 'jquery', | 17308 | » » » » 'jquery', | |||
| 17309 | » » » » 'floatelement' | 17309 | » » » » 'floatelement' | |||
| 17310 | » » » ], function ($) { | 17310 | » » » ], function ($) { | |||
| 17311 | » » » » $("[data-plugin-float-element]:not(.manual)").each(function() { | 17311 | » » » » $("[data-plugin-float-element]:not(.manual)").each(function() { | |||
| 17312 | » » » » » var options = $(this).data("plugin-options"); | 17312 | » » » » » var options = $(this).data("plugin-options"); | |||
| 17313 | » » » » » if (options && "string" == typeof options) | 17313 | » » » » » if (options && "string" == typeof options) | |||
| 17314 | » » » » » » try { | 17314 | » » » » » » try { | |||
| 17315 | » » » » » » » options = JSON.parse(options.replace(/'/g, '"').replace(";", "")) | 17315 | » » » » » » » options = JSON.parse(options.replace(/'/g, '"').replace(";", "")) | |||
| 17316 | » » » » » » } catch (options) {} | 17316 | » » » » » » } catch (options) {} | |||
| 17317 | » » » » » $(this).themePluginFloatElement(options) | 17317 | » » » » » $(this).themePluginFloatElement(options) | |||
| 17318 | » » » » }) | 17318 | » » » » }) | |||
| 17319 | » » » }); | 17319 | » » » }); | |||
| 17320 | » » </script> | 17320 | » » </script> | |||
| 17321 | </div> | 17321 | </div> | |||
| 17322 | <h4 style="font-size: 24px; line-height: 1; font-weight: 600;" class="pt_custom_heading mb-4 align-left">Featured Product and Offers</h4> | 17322 | <h4 style="font-size: 24px; line-height: 1; font-weight: 600;" class="pt_custom_heading mb-4 align-left">Featured Product and Offers</h4> | |||
| 17323 | <div class="porto-products wpb_content_element mb-0"> | 17323 | <div class="porto-products wpb_content_element mb-0"> | |||
| 17324 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_type="3" product_count="4" column_count="4" aspect_ratio="1" image_width="300" image_height="420" template="grid.phtml"}} | 17324 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_type="3" product_count="4" column_count="4" aspect_ratio="1" image_width="300" image_height="420" template="grid.phtml"}} | |||
| 17325 | </div> | 17325 | </div> | |||
| 17326 | </div> | 17326 | </div> | |||
| 17327 | </div> | 17327 | </div> | |||
| 17328 | </div> | 17328 | </div> | |||
| 17329 | </div> | 17329 | </div> | |||
| 17330 | </div> | 17330 | </div> | |||
| 17331 | <div class="pt_row porto-inner-container" style="padding-top: 40px; padding-bottom: 20px;"> | 17331 | <div class="pt_row porto-inner-container" style="padding-top: 40px; padding-bottom: 20px;"> | |||
| 17332 | <div class="porto-wrap-container container"> | 17332 | <div class="porto-wrap-container container"> | |||
| 17333 | <div class="row"> | 17333 | <div class="row"> | |||
| 17334 | <div class="pt_column_container col-md-12"> | 17334 | <div class="pt_column_container col-md-12"> | |||
| 17335 | <div class="wpb_wrapper pt_column-inner"> | 17335 | <div class="wpb_wrapper pt_column-inner"> | |||
| 17336 | <div class="pt_row pt_inner row pt_row-has-fill pt_row-o-content-middle pt_row-flex" style="margin-right: 0px; margin-bottom: 32px; margin-left: 0px; background-color: #f4f4f4;"> | 17336 | <div class="pt_row pt_inner row pt_row-has-fill pt_row-o-content-middle pt_row-flex" style="margin-right: 0px; margin-bottom: 32px; margin-left: 0px; background-color: #f4f4f4;"> | |||
| 17337 | <div class="px-0 pt_column_container col-md-4" | 17337 | <div class="px-0 pt_column_container col-md-4" | |||
| 17338 | style="background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/29/shop29_shop_banner.jpg"}}'); | 17338 | style="background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/29/shop29_shop_banner.jpg"}}'); | |||
| 17339 | padding-top: 70px; | 17339 | padding-top: 70px; | |||
| 17340 | padding-bottom: 70px; | 17340 | padding-bottom: 70px; | |||
| 17341 | background-position: center; | 17341 | background-position: center; | |||
| 17342 | background-repeat: no-repeat; | 17342 | background-repeat: no-repeat; | |||
| 17343 | background-size: cover;"> | 17343 | background-size: cover;"> | |||
| 17344 | <div class="wpb_wrapper pt_column-inner"></div> | 17344 | <div class="wpb_wrapper pt_column-inner"></div> | |||
| 17345 | </div> | 17345 | </div> | |||
| 17346 | <div class="py-4 pt_column_container col-md-5"> | 17346 | <div class="py-4 pt_column_container col-md-5"> | |||
| 17347 | <div class="wpb_wrapper pt_column-inner"> | 17347 | <div class="wpb_wrapper pt_column-inner"> | |||
| 17348 | <h2 style="font-size: 38px; color: #181a1c; line-height: 1; font-weight: 800;" class="pt_custom_heading mb-1 ls-10em align-left text-uppercase">PORTO SWITCH LITE</h2> | 17348 | <h2 style="font-size: 38px; color: #181a1c; line-height: 1; font-weight: 800;" class="pt_custom_heading mb-1 ls-10em align-left text-uppercase">PORTO SWITCH LITE</h2> | |||
| 17349 | <h3 style="font-size: 18px; color: #777777; line-height: 1; font-weight: 700;" class="pt_custom_heading mb-0 ls-25em align-left text-uppercase">now available for pre-order</h3> | 17349 | <h3 style="font-size: 18px; color: #777777; line-height: 1; font-weight: 700;" class="pt_custom_heading mb-0 ls-25em align-left text-uppercase">now available for pre-order</h3> | |||
| 17350 | </div> | 17350 | </div> | |||
| 17351 | </div> | 17351 | </div> | |||
| 17352 | <div class="pt_column_container col-md-3"> | 17352 | <div class="pt_column_container col-md-3"> | |||
| 17353 | <div class="wpb_wrapper pt_column-inner"> | 17353 | <div class="wpb_wrapper pt_column-inner"> | |||
| 17354 | <div class="btn-container mb-3 mb-md-0 d-inline-block"><button class="pt_btn3 btn btn-md btn-quaternary">PRE-ORDER NOW</button></div> | 17354 | <div class="btn-container mb-3 mb-md-0 d-inline-block"><button class="pt_btn3 btn btn-md btn-quaternary">PRE-ORDER NOW</button></div> | |||
| 17355 | </div> | 17355 | </div> | |||
| 17356 | </div> | 17356 | </div> | |||
| 17357 | </div> | 17357 | </div> | |||
| 17358 | <div class="wpb_text_column wpb_content_element pull-right mb-2"> | 17358 | <div class="wpb_text_column wpb_content_element pull-right mb-2"> | |||
| 17359 | <div class="wpb_wrapper"> | 17359 | <div class="wpb_wrapper"> | |||
| 17360 | <p> | 17360 | <p> | |||
| 17361 | <a class="font-weight-semibold text-color-primary text-uppercase" style="font-size: 12px;" title="Shop" href="#"> View All Products<i class="fas fa-long-arrow-alt-right ml-1"></i> </a> | 17361 | <a class="font-weight-semibold text-color-primary text-uppercase" style="font-size: 12px;" title="Shop" href="#"> View All Products<i class="fas fa-long-arrow-alt-right ml-1"></i> </a> | |||
| 17362 | </p> | 17362 | </p> | |||
| 17363 | </div> | 17363 | </div> | |||
| 17364 | </div> | 17364 | </div> | |||
| 17365 | <h4 style="font-size: 24px; line-height: 1; font-weight: 600;" class="pt_custom_heading mb-4 align-left">Recently Released</h4> | 17365 | <h4 style="font-size: 24px; line-height: 1; font-weight: 600;" class="pt_custom_heading mb-4 align-left">Recently Released</h4> | |||
| 17366 | <div class="pt_row pt_inner row"> | 17366 | <div class="pt_row pt_inner row"> | |||
| 17367 | <div class="pt_column_container col-md-4"> | 17367 | <div class="pt_column_container col-md-4"> | |||
| 17368 | <div class="wpb_wrapper pt_column-inner"> | 17368 | <div class="wpb_wrapper pt_column-inner"> | |||
| 17369 | <div class="porto-ultimate-content-box-container h-100"> | 17369 | <div class="porto-ultimate-content-box-container h-100"> | |||
| 17370 | <div class="porto-ultimate-content-box" style="background-color: #1c1e21; margin-bottom: 20px; padding: 20px;"> | 17370 | <div class="porto-ultimate-content-box" style="background-color: #1c1e21; margin-bottom: 20px; padding: 20px;"> | |||
| 17371 | <div id="recently-products" class="porto-products wpb_content_element content-center"> | 17371 | <div id="recently-products" class="porto-products wpb_content_element content-center"> | |||
| 17372 | <div class="slider-wrapper"> | 17372 | <div class="slider-wrapper"> | |||
| 17373 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" extra_class="dots-style-1" product_count="3" aspect_ratio="1" image_width="400" image_height="566" template="owl_list.phtml"}} | 17373 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" extra_class="dots-style-1" product_count="3" aspect_ratio="1" image_width="400" image_height="566" template="owl_list.phtml"}} | |||
| 17374 | <script type="text/javascript"> | 17374 | <script type="text/javascript"> | |||
| 17375 | require([ | 17375 | require([ | |||
| 17376 | 'jquery', | 17376 | 'jquery', | |||
| 17377 | 'owl.carousel/owl.carousel.min' | 17377 | 'owl.carousel/owl.carousel.min' | |||
| 17378 | ], function ($) { | 17378 | ], function ($) { | |||
| 17379 | $("#recently-products .owl-carousel").owlCarousel({ | 17379 | $("#recently-products .owl-carousel").owlCarousel({ | |||
| 17380 | items: 1, | 17380 | items: 1, | |||
| 17381 | autoplay: false, | 17381 | autoplay: false, | |||
| 17382 | autoplayTimeout: 5000, | 17382 | autoplayTimeout: 5000, | |||
| 17383 | autoplayHoverPause: true, | 17383 | autoplayHoverPause: true, | |||
| 17384 | loop: true, | 17384 | loop: true, | |||
| 17385 | navRewind: true, | 17385 | navRewind: true, | |||
| 17386 | lazyLoad:true, | 17386 | lazyLoad:true, | |||
| 17387 | margin: 0, | 17387 | margin: 0, | |||
| 17388 | nav: false, | 17388 | nav: false, | |||
| 17389 | dots: true | 17389 | dots: true | |||
| 17390 | }); | 17390 | }); | |||
| 17391 | }); | 17391 | }); | |||
| 17392 | </script> | 17392 | </script> | |||
| 17393 | </div> | 17393 | </div> | |||
| 17394 | </div> | 17394 | </div> | |||
| 17395 | </div> | 17395 | </div> | |||
| 17396 | </div> | 17396 | </div> | |||
| 17397 | </div> | 17397 | </div> | |||
| 17398 | </div> | 17398 | </div> | |||
| 17399 | <div class="pt_column_container col-md-8"> | 17399 | <div class="pt_column_container col-md-8"> | |||
| 17400 | <div class="wpb_wrapper pt_column-inner"> | 17400 | <div class="wpb_wrapper pt_column-inner"> | |||
| 17401 | <div class="porto-products wpb_content_element mb-0"> | 17401 | <div class="porto-products wpb_content_element mb-0"> | |||
| 17402 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_type="3" product_count="8" column_count="4" aspect_ratio="1" image_width="300" image_height="420" template="grid.phtml"}} | 17402 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_type="3" product_count="8" column_count="4" aspect_ratio="1" image_width="300" image_height="420" template="grid.phtml"}} | |||
| 17403 | </div> | 17403 | </div> | |||
| 17404 | </div> | 17404 | </div> | |||
| 17405 | </div> | 17405 | </div> | |||
| 17406 | </div> | 17406 | </div> | |||
| 17407 | <div class="porto-separator"><hr class="separator-line align_center solid" style="margin-bottom: 40px;" /></div> | 17407 | <div class="porto-separator"><hr class="separator-line align_center solid" style="margin-bottom: 40px;" /></div> | |||
| 17408 | <div class="wpb_text_column wpb_content_element pull-right mb-2"> | 17408 | <div class="wpb_text_column wpb_content_element pull-right mb-2"> | |||
| 17409 | <div class="wpb_wrapper"> | 17409 | <div class="wpb_wrapper"> | |||
| 17410 | <p> | 17410 | <p> | |||
| 17411 | <a class="font-weight-semibold text-color-primary text-uppercase" style="font-size: 12px;" title="Shop" href="#"> View All Products<i class="fas fa-long-arrow-alt-right ml-1"></i> </a> | 17411 | <a class="font-weight-semibold text-color-primary text-uppercase" style="font-size: 12px;" title="Shop" href="#"> View All Products<i class="fas fa-long-arrow-alt-right ml-1"></i> </a> | |||
| 17412 | </p> | 17412 | </p> | |||
| 17413 | </div> | 17413 | </div> | |||
| 17414 | </div> | 17414 | </div> | |||
| 17415 | <h4 style="font-size: 24px; line-height: 1; font-weight: 600;" class="pt_custom_heading mb-4 align-left">Most Popular</h4> | 17415 | <h4 style="font-size: 24px; line-height: 1; font-weight: 600;" class="pt_custom_heading mb-4 align-left">Most Popular</h4> | |||
| 17416 | <div class="pt_row pt_inner row"> | 17416 | <div class="pt_row pt_inner row"> | |||
| 17417 | <div class="pt_column_container col-md-8"> | 17417 | <div class="pt_column_container col-md-8"> | |||
| 17418 | <div class="wpb_wrapper pt_column-inner"> | 17418 | <div class="wpb_wrapper pt_column-inner"> | |||
| 17419 | <div class="porto-products wpb_content_element mb-0"> | 17419 | <div class="porto-products wpb_content_element mb-0"> | |||
| 17420 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_type="3" product_count="8" column_count="4" aspect_ratio="1" image_width="300" image_height="420" template="grid.phtml"}} | 17420 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_type="3" product_count="8" column_count="4" aspect_ratio="1" image_width="300" image_height="420" template="grid.phtml"}} | |||
| 17421 | </div> | 17421 | </div> | |||
| 17422 | </div> | 17422 | </div> | |||
| 17423 | </div> | 17423 | </div> | |||
| 17424 | <div class="pt_column_container col-md-4"> | 17424 | <div class="pt_column_container col-md-4"> | |||
| 17425 | <div class="wpb_wrapper pt_column-inner"> | 17425 | <div class="wpb_wrapper pt_column-inner"> | |||
| 17426 | <div class="porto-ultimate-content-box-container h-100"> | 17426 | <div class="porto-ultimate-content-box-container h-100"> | |||
| 17427 | <div class="porto-ultimate-content-box" style="background-color: #1c1e21; margin-bottom: 20px; padding: 20px;"> | 17427 | <div class="porto-ultimate-content-box" style="background-color: #1c1e21; margin-bottom: 20px; padding: 20px;"> | |||
| 17428 | <div id="popular-products" class="porto-products wpb_content_element content-center"> | 17428 | <div id="popular-products" class="porto-products wpb_content_element content-center"> | |||
| 17429 | <style> | 17429 | <style> | |||
| 17430 | .content-center .product-item-info.type3 { | 17430 | .content-center .product-item-info.type3 { | |||
| 17431 | text-align: center; | 17431 | text-align: center; | |||
| 17432 | margin-bottom: 1.5rem; | 17432 | margin-bottom: 1.5rem; | |||
| 17433 | } | 17433 | } | |||
| 17434 | .content-center .product-item-info.type3 .product-reviews-summary { | 17434 | .content-center .product-item-info.type3 .product-reviews-summary { | |||
| 17435 | margin: 0 auto .55rem; | 17435 | margin: 0 auto .55rem; | |||
| 17436 | } | 17436 | } | |||
| 17437 | .content-center .product-item-name a { | 17437 | .content-center .product-item-name a { | |||
| 17438 | font-size: 22px; | 17438 | font-size: 22px; | |||
| 17439 | } | 17439 | } | |||
| 17440 | </style> | 17440 | </style> | |||
| 17441 | <div class="slider-wrapper"> | 17441 | <div class="slider-wrapper"> | |||
| 17442 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" extra_class="dots-style-1" product_count="3" aspect_ratio="1" image_width="400" image_height="566" template="owl_list.phtml"}} | 17442 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" extra_class="dots-style-1" product_count="3" aspect_ratio="1" image_width="400" image_height="566" template="owl_list.phtml"}} | |||
| 17443 | <script type="text/javascript"> | 17443 | <script type="text/javascript"> | |||
| 17444 | require([ | 17444 | require([ | |||
| 17445 | 'jquery', | 17445 | 'jquery', | |||
| 17446 | 'owl.carousel/owl.carousel.min' | 17446 | 'owl.carousel/owl.carousel.min' | |||
| 17447 | ], function ($) { | 17447 | ], function ($) { | |||
| 17448 | $("#popular-products .owl-carousel").owlCarousel({ | 17448 | $("#popular-products .owl-carousel").owlCarousel({ | |||
| 17449 | items: 1, | 17449 | items: 1, | |||
| 17450 | autoplay: false, | 17450 | autoplay: false, | |||
| 17451 | autoplayTimeout: 5000, | 17451 | autoplayTimeout: 5000, | |||
| 17452 | autoplayHoverPause: true, | 17452 | autoplayHoverPause: true, | |||
| 17453 | loop: true, | 17453 | loop: true, | |||
| 17454 | navRewind: true, | 17454 | navRewind: true, | |||
| 17455 | lazyLoad:true, | 17455 | lazyLoad:true, | |||
| 17456 | margin: 0, | 17456 | margin: 0, | |||
| 17457 | nav: false, | 17457 | nav: false, | |||
| 17458 | dots: true | 17458 | dots: true | |||
| 17459 | }); | 17459 | }); | |||
| 17460 | }); | 17460 | }); | |||
| 17461 | </script> | 17461 | </script> | |||
| 17462 | </div> | 17462 | </div> | |||
| 17463 | </div> | 17463 | </div> | |||
| 17464 | </div> | 17464 | </div> | |||
| 17465 | </div> | 17465 | </div> | |||
| 17466 | </div> | 17466 | </div> | |||
| 17467 | </div> | 17467 | </div> | |||
| 17468 | </div> | 17468 | </div> | |||
| 17469 | <div class="pt_row pt_inner row"> | 17469 | <div class="pt_row pt_inner row"> | |||
| 17470 | <div class="pt_column_container col-md-6"> | 17470 | <div class="pt_column_container col-md-6"> | |||
| 17471 | <div class="wpb_wrapper pt_column-inner"> | 17471 | <div class="wpb_wrapper pt_column-inner"> | |||
| 17472 | <div class="porto-ultimate-content-box-container"> | 17472 | <div class="porto-ultimate-content-box-container"> | |||
| 17473 | <div class="porto-ultimate-content-box has-content-pos justify-content-center" | 17473 | <div class="porto-ultimate-content-box has-content-pos justify-content-center" | |||
| 17474 | style="background-size: cover; | 17474 | style="background-size: cover; | |||
| 17475 | background-repeat: no-repeat; | 17475 | background-repeat: no-repeat; | |||
| 17476 | background-position: center center; | 17476 | background-position: center center; | |||
| 17477 | min-height: 400px; | 17477 | min-height: 400px; | |||
| 17478 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/29/shop29_home_banner4.jpg"}}'); | 17478 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/29/shop29_home_banner4.jpg"}}'); | |||
| 17479 | padding-right: 20px; | 17479 | padding-right: 20px; | |||
| 17480 | background-color: #ffffff;"> | 17480 | background-color: #ffffff;"> | |||
| 17481 | <p style="font-size: 13px; line-height: 1; font-weight: 700;" class="pt_custom_heading custom-font1 mb-1 align-right text-uppercase">FEEL LIKE A PLAYER</p> | 17481 | <p style="font-size: 13px; line-height: 1; font-weight: 700;" class="pt_custom_heading custom-font1 mb-1 align-right text-uppercase">FEEL LIKE A PLAYER</p> | |||
| 17482 | <h2 style="font-size: 36px; line-height: 1; font-weight: 800;" class="pt_custom_heading mb-1 ls-negative-25em align-right text-uppercase heading-quaternary"><i>PROBALL 2019</i></h2> | 17482 | <h2 style="font-size: 36px; line-height: 1; font-weight: 800;" class="pt_custom_heading mb-1 ls-negative-25em align-right text-uppercase heading-quaternary"><i>PROBALL 2019</i></h2> | |||
| 17483 | <h3 style="font-size: 28px; line-height: 1; font-weight: 600;" class="pt_custom_heading mb-0 align-right heading-quaternary">$29</h3> | 17483 | <h3 style="font-size: 28px; line-height: 1; font-weight: 600;" class="pt_custom_heading mb-0 align-right heading-quaternary">$29</h3> | |||
| 17484 | <div class="btn-container pc-position-absolute pc-bottom-0 pc-right-0 d-inline-block" style="margin-right: 20px;"> | 17484 | <div class="btn-container pc-position-absolute pc-bottom-0 pc-right-0 d-inline-block" style="margin-right: 20px;"> | |||
| 17485 | <button class="pt_btn3 btn btn-sm btn-quaternary">SHOW NOW</button> | 17485 | <button class="pt_btn3 btn btn-sm btn-quaternary">SHOW NOW</button> | |||
| 17486 | </div> | 17486 | </div> | |||
| 17487 | </div> | 17487 | </div> | |||
| 17488 | </div> | 17488 | </div> | |||
| 17489 | </div> | 17489 | </div> | |||
| 17490 | </div> | 17490 | </div> | |||
| 17491 | <div class="pt_column_container col-md-6"> | 17491 | <div class="pt_column_container col-md-6"> | |||
| 17492 | <div class="wpb_wrapper pt_column-inner"> | 17492 | <div class="wpb_wrapper pt_column-inner"> | |||
| 17493 | <div class="porto-ultimate-content-box-container"> | 17493 | <div class="porto-ultimate-content-box-container"> | |||
| 17494 | <div class="porto-ultimate-content-box has-content-pos justify-content-center" | 17494 | <div class="porto-ultimate-content-box has-content-pos justify-content-center" | |||
| 17495 | style="background-size: cover; | 17495 | style="background-size: cover; | |||
| 17496 | background-repeat: no-repeat; | 17496 | background-repeat: no-repeat; | |||
| 17497 | background-position: center center; | 17497 | background-position: center center; | |||
| 17498 | min-height: 400px; | 17498 | min-height: 400px; | |||
| 17499 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/29/shop29_home_banner5.jpg"}}'); | 17499 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/29/shop29_home_banner5.jpg"}}'); | |||
| 17500 | margin-bottom: 20px; | 17500 | margin-bottom: 20px; | |||
| 17501 | padding-left: 20px; | 17501 | padding-left: 20px; | |||
| 17502 | background-color: #000000;"> | 17502 | background-color: #000000;"> | |||
| 17503 | <h3 style="font-size: 18px; line-height: 1; font-weight: 700; margin-top: 20px; padding: 10px 12px;" class="pt_custom_heading background-color-primary pc-position-absolute pc-top-0 align-left text-uppercase heading-light"> | 17503 | <h3 style="font-size: 18px; line-height: 1; font-weight: 700; margin-top: 20px; padding: 10px 12px;" class="pt_custom_heading background-color-primary pc-position-absolute pc-top-0 align-left text-uppercase heading-light"> | |||
| 17504 | 50% OFF | 17504 | 50% OFF | |||
| 17505 | </h3> | 17505 | </h3> | |||
| 17506 | <p style="font-size: 13px; color: rgba(255, 255, 255, 0.4); line-height: 1; font-weight: 700;" class="pt_custom_heading custom-font1 mb-1 align-left text-uppercase">be a kendo warrior</p> | 17506 | <p style="font-size: 13px; color: rgba(255, 255, 255, 0.4); line-height: 1; font-weight: 700;" class="pt_custom_heading custom-font1 mb-1 align-left text-uppercase">be a kendo warrior</p> | |||
| 17507 | <h2 style="font-size: 36px; line-height: 1; font-weight: 800;" class="pt_custom_heading mb-1 ls-negative-25em align-left text-uppercase heading-light">PROWARRIOR</h2> | 17507 | <h2 style="font-size: 36px; line-height: 1; font-weight: 800;" class="pt_custom_heading mb-1 ls-negative-25em align-left text-uppercase heading-light">PROWARRIOR</h2> | |||
| 17508 | <h3 style="font-size: 28px; line-height: 1; font-weight: 600;" class="pt_custom_heading mb-0 price align-left heading-light"><del>$59</del> $29</h3> | 17508 | <h3 style="font-size: 28px; line-height: 1; font-weight: 600;" class="pt_custom_heading mb-0 price align-left heading-light"><del>$59</del> $29</h3> | |||
| 17509 | <div class="btn-container pc-position-absolute pc-bottom-0 d-inline-block"><button class="pt_btn3 btn btn-sm btn-light">SHOW NOW</button></div> | 17509 | <div class="btn-container pc-position-absolute pc-bottom-0 d-inline-block"><button class="pt_btn3 btn btn-sm btn-light">SHOW NOW</button></div> | |||
| 17510 | </div> | 17510 | </div> | |||
| 17511 | </div> | 17511 | </div> | |||
| 17512 | </div> | 17512 | </div> | |||
| 17513 | </div> | 17513 | </div> | |||
| 17514 | </div> | 17514 | </div> | |||
| 17515 | </div> | 17515 | </div> | |||
| 17516 | </div> | 17516 | </div> | |||
| 17517 | </div> | 17517 | </div> | |||
| 17518 | </div> | 17518 | </div> | |||
| 17519 | </div> | 17519 | </div> | |||
| 17520 | ]]> | 17520 | ]]> | |||
| 17521 | </content> | 17521 | </content> | |||
| 17522 | 17522 | |||||
| 17523 | <is_active> | 17523 | <is_active> | |||
| 17524 | 1 | 17524 | 1 | |||
| 17525 | </is_active> | 17525 | </is_active> | |||
| 17526 | 17526 | |||||
| 17527 | <page_layout> | 17527 | <page_layout> | |||
| 17528 | 1column | 17528 | 1column | |||
| 17529 | </page_layout> | 17529 | </page_layout> | |||
| 17530 | 17530 | |||||
| 17531 | <layout_update_xml> | 17531 | <layout_update_xml> | |||
| 17532 | <![CDATA[]]> | 17532 | <![CDATA[]]> | |||
| 17533 | </layout_update_xml> | 17533 | </layout_update_xml> | |||
| 17534 | 17534 | |||||
| 17535 | </cms_item> | 17535 | </cms_item> | |||
| 17536 | 17536 | |||||
| 17537 | <cms_item> | 17537 | <cms_item> | |||
| 17538 | 17538 | |||||
| 17539 | <title> | 17539 | <title> | |||
| 17540 | Porto - Homepage 30 | |||||
| 17541 | </title> | |||||
| 17542 | ||||||
| 17543 | <identifier> | |||||
| 17544 | porto_home_30 | |||||
| 17545 | </identifier> | |||||
| 17546 | ||||||
| 17547 | <content> | |||||
| 17548 | <![CDATA[<style> | |||||
| 17549 | header.page-header.type20 { | |||||
| 17550 | position: absolute; | |||||
| 17551 | width: 100%; | |||||
| 17552 | top: 0; | |||||
| 17553 | background-color: transparent; | |||||
| 17554 | } | |||||
| 17555 | .porto-ibanner-layer { | |||||
| 17556 | position: absolute; | |||||
| 17557 | z-index: 10; | |||||
| 17558 | } | |||||
| 17559 | .layout-fullwidth .container { | |||||
| 17560 | padding-left: 10px; | |||||
| 17561 | padding-right: 10px; | |||||
| 17562 | } | |||||
| 17563 | @media (min-width: 576px){ | |||||
| 17564 | .layout-fullwidth .container { | |||||
| 17565 | max-width: 540px; | |||||
| 17566 | } | |||||
| 17567 | } | |||||
| 17568 | @media (min-width: 768px){ | |||||
| 17569 | .layout-fullwidth .container { | |||||
| 17570 | max-width: 720px; | |||||
| 17571 | } | |||||
| 17572 | } | |||||
| 17573 | @media (min-width: 992px){ | |||||
| 17574 | .layout-fullwidth .container { | |||||
| 17575 | max-width: 960px; | |||||
| 17576 | } | |||||
| 17577 | } | |||||
| 17578 | @media (min-width: 1160px) { | |||||
| 17579 | .layout-fullwidth .container { | |||||
| 17580 | max-width: 1140px; | |||||
| 17581 | } | |||||
| 17582 | } | |||||
| 17583 | @media (max-width: 991px) { | |||||
| 17584 | .layout-fullwidth .container { | |||||
| 17585 | max-width: none; | |||||
| 17586 | } | |||||
| 17587 | } | |||||
| 17588 | .cms-index-index .page-main { | |||||
| 17589 | padding: 0 !important; | |||||
| 17590 | } | |||||
| 17591 | .home-slider .porto-ultimate-content-box { | |||||
| 17592 | min-height: calc(100vh - 48px)!important; | |||||
| 17593 | } | |||||
| 17594 | @media (min-width: 992px) { | |||||
| 17595 | .home-slider .container { | |||||
| 17596 | width: 50%; | |||||
| 17597 | } | |||||
| 17598 | .heading.heading-middle-border-center { | |||||
| 17599 | max-width: 60%; | |||||
| 17600 | margin-left: auto; | |||||
| 17601 | margin-right: auto; | |||||
| 17602 | } | |||||
| 17603 | } | |||||
| 17604 | @media (min-width: 1160px) { | |||||
| 17605 | .pl-xl-5, .px-xl-5 { | |||||
| 17606 | padding-left: 3rem!important; | |||||
| 17607 | } | |||||
| 17608 | } | |||||
| 17609 | @media (min-width: 1200px) { | |||||
| 17610 | .home-slider .container { | |||||
| 17611 | width: 60%; | |||||
| 17612 | } | |||||
| 17613 | } | |||||
| 17614 | @media (min-width: 1600px) { | |||||
| 17615 | .home-slider .container { | |||||
| 17616 | width: 100%; | |||||
| 17617 | } | |||||
| 17618 | } | |||||
| 17619 | @media (max-width: 480px) { | |||||
| 17620 | .porto-ultimate-content-box { | |||||
| 17621 | font-size: 6px; | |||||
| 17622 | } | |||||
| 17623 | } | |||||
| 17624 | .sale-text strong { | |||||
| 17625 | font-size: 220%; | |||||
| 17626 | vertical-align: text-top; | |||||
| 17627 | } | |||||
| 17628 | .porto-ultimate-content-box .btn-container { | |||||
| 17629 | font-size: 1em; | |||||
| 17630 | } | |||||
| 17631 | .porto-ultimate-content-box .btn-borders.btn-xl { | |||||
| 17632 | font-size: 1.9em; | |||||
| 17633 | } | |||||
| 17634 | .tri-line, .heading.heading-middle-border .heading-tag:before, .heading.heading-middle-border .heading-tag:after { | |||||
| 17635 | background: url({{media url="wysiwyg/smartwave/porto/homepage/30/shop30_divider_line.png"}}) repeat-x; | |||||
| 17636 | background-position: left top; | |||||
| 17637 | min-height: 8px; | |||||
| 17638 | border: none; | |||||
| 17639 | } | |||||
| 17640 | .vc_custom_heading h2 b { | |||||
| 17641 | font-weight: 600; | |||||
| 17642 | margin-right: .375rem; | |||||
| 17643 | } | |||||
| 17644 | .home-slider .owl-carousel .owl-nav { | |||||
| 17645 | right: 4%; | |||||
| 17646 | bottom: 5%; | |||||
| 17647 | top: auto; | |||||
| 17648 | width: auto; | |||||
| 17649 | } | |||||
| 17650 | .home-slider .owl-carousel .owl-nav>button { | |||||
| 17651 | position: static; | |||||
| 17652 | } | |||||
| 17653 | .home-slider .widget_sidebar_menu { | |||||
| 17654 | position: absolute; | |||||
| 17655 | left: 3.125vw; | |||||
| 17656 | top: 120px; | |||||
| 17657 | z-index: 1; | |||||
| 17658 | background: none; | |||||
| 17659 | } | |||||
| 17660 | .rtl .home-slider .widget_sidebar_menu { | |||||
| 17661 | right: 3.125vw; | |||||
| 17662 | left: auto; | |||||
| 17663 | } | |||||
| 17664 | @media (min-width: 992px) { | |||||
| 17665 | .home-slider .widget_sidebar_menu { | |||||
| 17666 | width: calc(43.75vw - 25%); | |||||
| 17667 | } | |||||
| 17668 | } | |||||
| 17669 | @media (min-width: 1200px){ | |||||
| 17670 | .home-slider .widget_sidebar_menu { | |||||
| 17671 | width: calc(43.75vw - 30%); | |||||
| 17672 | } | |||||
| 17673 | } | |||||
| 17674 | @media (min-width: 1600px) { | |||||
| 17675 | .home-slider .widget_sidebar_menu { | |||||
| 17676 | width: calc(43.75vw - 570px); | |||||
| 17677 | } | |||||
| 17678 | } | |||||
| 17679 | </style> | |||||
| 17680 | <div class="row home-slider no-padding" style="padding-top: 48px; background-color: #f1f1ef;"> | |||||
| 17681 | <div class=" col-md-12"> | |||||
| 17682 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 17683 | <div id="banner-slider-demo-30" class="porto-carousel owl-carousel has-ccols ccols-1 mb-0 nav-style-4 show-nav-hover"> | |||||
| 17684 | <div class="porto-ultimate-content-box-container"> | |||||
| 17685 | <div class="porto-ultimate-content-box has-content-pos justify-content-center" | |||||
| 17686 | style="background-size: cover; | |||||
| 17687 | background-repeat: no-repeat; | |||||
| 17688 | background-position: center center; | |||||
| 17689 | background-color: rgba(0, 0, 0, 0); | |||||
| 17690 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/30/shop30_home_slider1.jpg"}}'); | |||||
| 17691 | padding-top: 90px; | |||||
| 17692 | padding-bottom: 90px;"> | |||||
| 17693 | <div class="porto-container container pl-4 pl-xl-5" style="padding-right: 10px;"> | |||||
| 17694 | <p style="font-size: 2.2em; line-height: 1; font-weight: 500;" class="vc_custom_heading ls-n-20 mb-3 align-left"> | |||||
| 17695 | New Brown Collection | |||||
| 17696 | </p> | |||||
| 17697 | <h2 style="font-size: 6.875em; line-height: 1; letter-spacing: 0.005em;" class="vc_custom_heading mb-0 align-left">Summer Sale</h2> | |||||
| 17698 | <h3 style="font-size: 12.1em; line-height: 1;" class="vc_custom_heading mb-3 align-left appear-animation">30% OFF</h3> | |||||
| 17699 | <h4 style="font-size: 1.7em;" class="vc_custom_heading mr-3 pull-left align-left appear-animation">STARTING AT</h4> | |||||
| 17700 | <h4 style="font-size: 1.7em; line-height: 1;" class="vc_custom_heading mr-4 mr-xl-5 pull-left sale-text align-left heading-primary"> | |||||
| 17701 | $<strong>39</strong>99 | |||||
| 17702 | </h4> | |||||
| 17703 | <div class="btn-container mb-0 d-inline-block"> | |||||
| 17704 | <button class="vc_btn3 vc_btn3-shape-default btn btn-borders btn-xl btn-dark"> | |||||
| 17705 | GET YOURS! | |||||
| 17706 | </button> | |||||
| 17707 | </div> | |||||
| 17708 | </div> | |||||
| 17709 | </div> | |||||
| 17710 | </div> | |||||
| 17711 | <div class="porto-ultimate-content-box-container"> | |||||
| 17712 | <div | |||||
| 17713 | class="porto-ultimate-content-box has-content-pos justify-content-center" | |||||
| 17714 | style=" | |||||
| 17715 | background-size: cover; | |||||
| 17716 | background-repeat: no-repeat; | |||||
| 17717 | background-position: center center; | |||||
| 17718 | background-color: rgba(0, 0, 0, 0); | |||||
| 17719 | background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/30/shop30_home_slider2.jpg"}}'); | |||||
| 17720 | padding-top: 90px !important; | |||||
| 17721 | padding-bottom: 90px !important; | |||||
| 17722 | "> | |||||
| 17723 | <div class="porto-container container pl-4 pl-xl-5" style="padding-right: 10px;"> | |||||
| 17724 | <div class="vc_row wpb_row vc_inner row justify-content-end" style="margin-right: 0px; margin-left: 0px;"> | |||||
| 17725 | <div class="col-auto pr-4 pr-xl-5 vc_column_container col-md-12" style="padding-top: 2.25rem;"> | |||||
| 17726 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 17727 | <h2 style="font-size: 7.6em; line-height: 1; padding-top: 2.2rem;" class="vc_custom_heading mb-0 tri-line align-left">Must Have</h2> | |||||
| 17728 | <h3 style="font-size: 9.3em; line-height: 1;" class="vc_custom_heading mb-4 align-left">SANDALS</h3> | |||||
| 17729 | <h4 style="font-size: 1.7em;" class="vc_custom_heading mr-3 pull-left align-left">STARTING AT</h4> | |||||
| 17730 | <h4 style="font-size: 1.7em; line-height: 1;" class="vc_custom_heading mr-4 pull-left sale-text align-left heading-primary">$<strong>19</strong>99</h4> | |||||
| 17731 | <div class="btn-container mb-0 d-inline-block"><button class="vc_btn3 vc_btn3-shape-default btn btn-borders btn-lg btn-dark">GET YOURS!</button></div> | |||||
| 17732 | </div> | |||||
| 17733 | </div> | |||||
| 17734 | </div> | |||||
| 17735 | </div> | |||||
| 17736 | </div> | |||||
| 17737 | </div> | |||||
| 17738 | </div> | |||||
| 17739 | <div class="widget_sidebar_menu main-sidebar-menu d-none d-lg-block"> | |||||
| 17740 | <div class="sidebar-menu-wrap"> | |||||
| 17741 | {{block class="Smartwave\Megamenu\Block\Topmenu" name="sw.sidenav" template="Smartwave_Megamenu::sidemenu.phtml" ttl="3600"}} | |||||
| 17742 | </div> | |||||
| 17743 | </div> | |||||
| 17744 | </div> | |||||
| 17745 | <script type="text/javascript"> | |||||
| 17746 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | |||||
| 17747 | var owl_30 = $("#banner-slider-demo-30").owlCarousel({ | |||||
| 17748 | items: 1, | |||||
| 17749 | autoplay: false, | |||||
| 17750 | autoplayTimeout: 5000, | |||||
| 17751 | autoplayHoverPause: true, | |||||
| 17752 | dots: false, | |||||
| 17753 | navRewind: true, | |||||
| 17754 | animateIn: "fadeIn", | |||||
| 17755 | animateOut: "fadeOut", | |||||
| 17756 | loop: true, | |||||
| 17757 | nav: true | |||||
| 17758 | }); | |||||
| 17759 | }); | |||||
| 17760 | </script> | |||||
| 17761 | </div> | |||||
| 17762 | </div> | |||||
| 17763 | <style> | |||||
| 17764 | .home-bar .porto-sicon-box { | |||||
| 17765 | margin-bottom: 0; | |||||
| 17766 | justify-content: center; | |||||
| 17767 | padding: 2rem 0; | |||||
| 17768 | } | |||||
| 17769 | .home-bar .col-md-6:not(:last-child) { | |||||
| 17770 | border-right: 1px solid #fff; | |||||
| 17771 | } | |||||
| 17772 | </style> | |||||
| 17773 | <div class="vc_row wpb_row row home-bar no-padding vc_row-has-fill" style="background-color: #ededea;"> | |||||
| 17774 | <div class="col-md-6 col-xl-3"> | |||||
| 17775 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 17776 | <div class="porto-sicon-box style_1 default-icon"> | |||||
| 17777 | <div class="porto-sicon-default"> | |||||
| 17778 | <div class="porto-just-icon-wrapper porto-icon none" style="color: #222529; font-size: 35px;"><i class="porto-icon-shipping"></i></div> | |||||
| 17779 | </div> | |||||
| 17780 | <div class="porto-sicon-header"> | |||||
| 17781 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 1;">FREE SHIPPING & RETURN</h3> | |||||
| 17782 | <p style="font-size: 13px; line-height: 1.4; color: #666666;">Free shipping on all orders over $99.</p> | |||||
| 17783 | </div> | |||||
| 17784 | </div> | |||||
| 17785 | </div> | |||||
| 17786 | </div> | |||||
| 17787 | <div class="col-md-6 col-xl-3"> | |||||
| 17788 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 17789 | <div class="porto-sicon-box style_1 default-icon"> | |||||
| 17790 | <div class="porto-sicon-default"> | |||||
| 17791 | <div class="porto-just-icon-wrapper porto-icon none" style="color: #222529; font-size: 37px;"><i class="porto-icon-money"></i></div> | |||||
| 17792 | </div> | |||||
| 17793 | <div class="porto-sicon-header"> | |||||
| 17794 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 1;">MONEY BACK GUARANTEE</h3> | |||||
| 17795 | <p style="font-size: 13px; line-height: 1.4; color: #666666;">100% money back guarantee</p> | |||||
| 17796 | </div> | |||||
| 17797 | </div> | |||||
| 17798 | </div> | |||||
| 17799 | </div> | |||||
| 17800 | <div class="col-md-6 col-xl-3"> | |||||
| 17801 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 17802 | <div class="porto-sicon-box style_1 default-icon"> | |||||
| 17803 | <div class="porto-sicon-default"> | |||||
| 17804 | <div class="porto-just-icon-wrapper porto-icon none" style="color: #222529; font-size: 37px;"><i class="porto-icon-support"></i></div> | |||||
| 17805 | </div> | |||||
| 17806 | <div class="porto-sicon-header"> | |||||
| 17807 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 1;">ONLINE SUPPORT 24/7</h3> | |||||
| 17808 | <p style="font-size: 13px; line-height: 1.4; color: #666666;">Lorem ipsum dolor sit amet.</p> | |||||
| 17809 | </div> | |||||
| 17810 | </div> | |||||
| 17811 | </div> | |||||
| 17812 | </div> | |||||
| 17813 | <div class="col-md-6 col-xl-3"> | |||||
| 17814 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 17815 | <div class="porto-sicon-box style_1 default-icon"> | |||||
| 17816 | <div class="porto-sicon-default"> | |||||
| 17817 | <div class="porto-just-icon-wrapper porto-icon none" style="color: #222529; font-size: 35px;"><i class="porto-icon-secure-payment"></i></div> | |||||
| 17818 | </div> | |||||
| 17819 | <div class="porto-sicon-header"> | |||||
| 17820 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 14px; line-height: 1;">SECURE PAYMENT</h3> | |||||
| 17821 | <p style="font-size: 13px; line-height: 1.4; color: #666666;">Lorem ipsum dolor sit amet.</p> | |||||
| 17822 | </div> | |||||
| 17823 | </div> | |||||
| 17824 | </div> | |||||
| 17825 | </div> | |||||
| 17826 | </div> | |||||
| 17827 | <div class="vc_row wpb_row pt-5 section-no-borders porto-inner-container"> | |||||
| 17828 | <div class="porto-wrap-container container"> | |||||
| 17829 | <div class="row"> | |||||
| 17830 | <div class="vc_column_container col-md-12"> | |||||
| 17831 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 17832 | <div class="vc_custom_heading mb-0 heading heading-border heading-middle-border heading-middle-border-center"> | |||||
| 17833 | <h2 style="font-size: 1.625rem; line-height: 1; text-align: center; font-weight: 300;" class="heading-tag"><b>Featured</b> Products</h2> | |||||
| 17834 | </div> | |||||
| 17835 | <p style="text-align: center;" class="vc_custom_heading mb-4 pb-1">Amazing products added recently in our catalog</p> | |||||
| 17836 | <div class="porto-products wpb_content_element archive-products mb-0"> | |||||
| 17837 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_type="3" product_count="4" column_count="4" aspect_ratio="0" image_width="350" image_height="350" template="grid.phtml"}} | |||||
| 17838 | </div> | |||||
| 17839 | <div class="porto-separator tall"><hr class="separator-line align_center solid" /></div> | |||||
| 17840 | <div class="vc_custom_heading mb-0 pt-2 heading heading-border heading-middle-border heading-middle-border-center"> | |||||
| 17841 | <h2 style="font-size: 1.625rem; line-height: 1; text-align: center; font-weight: 300;" class="heading-tag"><b>Summer</b> Collection</h2> | |||||
| 17842 | </div> | |||||
| 17843 | <p style="text-align: center;" class="vc_custom_heading mb-4 pb-1">Amazing products added recently in our catalog</p> | |||||
| 17844 | <div class="porto-grid-container"> | |||||
| 17845 | <div id="porto-banner-masonry" class="porto-banner-grid mb-5 porto-preset-layout wpb_content_element clearfix"> | |||||
| 17846 | <div class="porto-grid-item grid-col-1-2 grid-col-md-1 grid-height-1"> | |||||
| 17847 | <div class="porto-ibanner porto-ibe-zoom" style="background: #f4f4f4;"> | |||||
| 17848 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/30/shop30_home_banner.jpg"}}" /> | |||||
| 17849 | <div class="porto-ibanner-desc no-padding d-flex"> | |||||
| 17850 | <div class="porto-ibanner-layer" style="right: 7%; top: 50%; transform: translateY(-50%);"> | |||||
| 17851 | <h3 style="font-size: 3.75em; line-height: 1.2;" class="vc_custom_heading custom-font4 mb-0 align-right"> | |||||
| 17852 | Sport<br /> | |||||
| 17853 | Shoes | |||||
| 17854 | </h3> | |||||
| 17855 | </div> | |||||
| 17856 | </div> | |||||
| 17857 | </div> | |||||
| 17858 | </div> | |||||
| 17859 | <div class="porto-grid-item grid-col-1-4 grid-col-md-1-2 grid-height-1-2"> | |||||
| 17860 | <div class="porto-ultimate-content-box-container"> | |||||
| 17861 | <div class="porto-ultimate-content-box has-content-pos justify-content-center" style="background-color: #222529;" data-bg="#222529" id="porto_ucb_3476"> | |||||
| 17862 | <h3 style="font-size: 3.2em; line-height: 1; text-align: center;" class="vc_custom_heading custom-font4 mb-0 heading-light">For Her</h3> | |||||
| 17863 | </div> | |||||
| 17864 | </div> | |||||
| 17865 | </div> | |||||
| 17866 | <div class="porto-grid-item grid-col-1-4 grid-col-md-1-2 grid-height-1-2"> | |||||
| 17867 | <div class="porto-ibanner porto-ibe-zoom" style=""> | |||||
| 17868 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/30/Product-9.jpg"}}" /> | |||||
| 17869 | <a class="porto-ibanner-link" href="#"></a> | |||||
| 17870 | </div> | |||||
| 17871 | </div> | |||||
| 17872 | <div class="porto-grid-item grid-col-1-4 grid-col-md-1-2 grid-height-1-2"> | |||||
| 17873 | <div class="porto-ultimate-content-box-container"> | |||||
| 17874 | <div class="porto-ultimate-content-box has-content-pos justify-content-center" style="background-color: #222529;" data-bg="#222529" id="porto_ucb_1956"> | |||||
| 17875 | <h3 style="font-size: 3.2em; line-height: 1; text-align: center;" class="vc_custom_heading custom-font4 mb-0 heading-light">For Him</h3> | |||||
| 17876 | </div> | |||||
| 17877 | </div> | |||||
| 17878 | </div> | |||||
| 17879 | <div class="porto-grid-item grid-col-1-4 grid-col-md-1-2 grid-height-1-2"> | |||||
| 17880 | <div class="porto-ibanner porto-ibe-zoom" style=""> | |||||
| 17881 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/30/Product-11.jpg"}}" /> | |||||
| 17882 | <a class="porto-ibanner-link" href="#"></a> | |||||
| 17883 | </div> | |||||
| 17884 | </div> | |||||
| 17885 | <div class="grid-col-sizer"></div> | |||||
| 17886 | </div> | |||||
| 17887 | <style scope="scope"> | |||||
| 17888 | .porto-banner-grid .porto-grid-item { | |||||
| 17889 | padding: 10px; | |||||
| 17890 | } | |||||
| 17891 | .porto-banner-grid { | |||||
| 17892 | margin: -10px -10px 10px; | |||||
| 17893 | opacity: 0; | |||||
| 17894 | } | |||||
| 17895 | .porto-banner-grid .grid-col-1-2 { | |||||
| 17896 | flex: 0 0 50%; | |||||
| 17897 | width: 50%; | |||||
| 17898 | } | |||||
| 17899 | .porto-banner-grid .grid-col-1-4 { | |||||
| 17900 | flex: 0 0 25%; | |||||
| 17901 | width: 25%; | |||||
| 17902 | } | |||||
| 17903 | .porto-banner-grid .grid-col-sizer { | |||||
| 17904 | flex: 0 0 25%; | |||||
| 17905 | width: 25%; | |||||
| 17906 | } | |||||
| 17907 | .porto-banner-grid .grid-height-1 { | |||||
| 17908 | height: 550px; | |||||
| 17909 | } | |||||
| 17910 | .porto-banner-grid .grid-height-1-2 { | |||||
| 17911 | height: 275px; | |||||
| 17912 | } | |||||
| 17913 | .porto-preset-layout .porto-grid-item>*, | |||||
| 17914 | .porto-preset-layout .vc_porto_grid_item>*, | |||||
| 17915 | .porto-preset-layout .porto-ultimate-content-box-container, | |||||
| 17916 | .porto-preset-layout .porto-ultimate-content-box, | |||||
| 17917 | .porto-preset-layout .porto-ibanner, | |||||
| 17918 | .porto-preset-layout .porto-ibanner>img{ | |||||
| 17919 | height: 100%; | |||||
| 17920 | margin-bottom: 0; | |||||
| 17921 | } | |||||
| 17922 | @media (max-width: 767px) { | |||||
| 17923 | .porto-banner-grid .grid-col-md-1 { | |||||
| 17924 | flex: 0 0 100%; | |||||
| 17925 | width: 100%; | |||||
| 17926 | } | |||||
| 17927 | .porto-banner-grid .grid-col-md-1-2 { | |||||
| 17928 | flex: 0 0 50%; | |||||
| 17929 | width: 50%; | |||||
| 17930 | } | |||||
| 17931 | .porto-banner-grid .grid-col-sizer { | |||||
| 17932 | flex: 0 0 50%; | |||||
| 17933 | width: 50%; | |||||
| 17934 | } | |||||
| 17935 | .porto-banner-grid .grid-height-1 { | |||||
| 17936 | height: 367px; | |||||
| 17937 | } | |||||
| 17938 | .porto-banner-grid .grid-height-1-2 { | |||||
| 17939 | height: 183px; | |||||
| 17940 | } | |||||
| 17941 | } | |||||
| 17942 | @media (max-width: 480px) { | |||||
| 17943 | .porto-banner-grid .porto-grid-item { | |||||
| 17944 | flex: 0 0 100%; | |||||
| 17945 | width: 100%; | |||||
| 17946 | } | |||||
| 17947 | } | |||||
| 17948 | </style> | |||||
| 17949 | <script type="text/javascript"> | |||||
| 17950 | require([ | |||||
| 17951 | 'jquery', | |||||
| 17952 | 'packery' | |||||
| 17953 | ], function ($, Packery) { | |||||
| 17954 | $.bridget( 'packery', Packery ); | |||||
| 17955 | var $container = $('#porto-banner-masonry'); | |||||
| 17956 | $container.css('opacity', 0); | |||||
| 17957 | if ($container.length > 0) { | |||||
| 17958 | $container.imagesLoaded(function(){ | |||||
| 17959 | $container.packery({ | |||||
| 17960 | itemSelector: ".porto-grid-item", | |||||
| 17961 | columnWidth: ".grid-col-sizer", | |||||
| 17962 | percentPosition: true | |||||
| 17963 | }); | |||||
| 17964 | }); | |||||
| 17965 | setTimeout(function(){ | |||||
| 17966 | $container.animate({ | |||||
| 17967 | opacity: 1 | |||||
| 17968 | }, 200); | |||||
| 17969 | }, 500); | |||||
| 17970 | } | |||||
| 17971 | }); | |||||
| 17972 | </script> | |||||
| 17973 | </div> | |||||
| 17974 | <div class="porto-separator tall"><hr class="separator-line align_center solid" /></div> | |||||
| 17975 | <div class="vc_custom_heading mb-0 pt-2 heading heading-border heading-middle-border heading-middle-border-center"> | |||||
| 17976 | <h2 style="font-size: 1.625rem; line-height: 1; text-align: center; font-weight: 300;" class="heading-tag"><b>Best Seller</b> Products</h2> | |||||
| 17977 | </div> | |||||
| 17978 | <p style="text-align: center;" class="vc_custom_heading mb-4 pb-1">Only the best seller products added recently in our catalog</p> | |||||
| 17979 | <div id="bestseller-products" class="porto-products wpb_content_element"> | |||||
| 17980 | <div class="slider-wrapper"> | |||||
| 17981 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1 product_type="3" product_count="8" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||||
| 17982 | <script type="text/javascript"> | |||||
| 17983 | require([ | |||||
| 17984 | 'jquery', | |||||
| 17985 | 'owl.carousel/owl.carousel.min' | |||||
| 17986 | ], function ($) { | |||||
| 17987 | $("#bestseller-products .owl-carousel").owlCarousel({ | |||||
| 17988 | autoplay: false, | |||||
| 17989 | autoplayTimeout: 5000, | |||||
| 17990 | autoplayHoverPause: true, | |||||
| 17991 | loop: true, | |||||
| 17992 | navRewind: true, | |||||
| 17993 | lazyLoad:true, | |||||
| 17994 | margin: 0, | |||||
| 17995 | nav: true, | |||||
| 17996 | dots: false, | |||||
| 17997 | responsive: { | |||||
| 17998 | 0: { | |||||
| 17999 | items:2 | |||||
| 18000 | }, | |||||
| 18001 | 640: { | |||||
| 18002 | items:2 | |||||
| 18003 | }, | |||||
| 18004 | 768: { | |||||
| 18005 | items:2 | |||||
| 18006 | }, | |||||
| 18007 | 992: { | |||||
| 18008 | items:3 | |||||
| 18009 | }, | |||||
| 18010 | 1200: { | |||||
| 18011 | items:3 | |||||
| 18012 | } | |||||
| 18013 | } | |||||
| 18014 | }); | |||||
| 18015 | }); | |||||
| 18016 | </script> | |||||
| 18017 | </div> | |||||
| 18018 | </div> | |||||
| 18019 | <div class="porto-separator mb-4"><hr class="separator-line align_center solid" /></div> | |||||
| 18020 | <div class="porto-carousel brand-carousel owl-carousel py-4 mb-4"> | |||||
| 18021 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand1.png"}}" alt="" /></div> | |||||
| 18022 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand2.png"}}" alt="" /></div> | |||||
| 18023 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand3.png"}}" alt="" /></div> | |||||
| 18024 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand4.png"}}" alt="" /></div> | |||||
| 18025 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand5.png"}}" alt="" /></div> | |||||
| 18026 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand6.png"}}" alt="" /></div> | |||||
| 18027 | </div> | |||||
| 18028 | <script type="text/javascript"> | |||||
| 18029 | require([ | |||||
| 18030 | 'jquery', | |||||
| 18031 | 'owl.carousel/owl.carousel.min' | |||||
| 18032 | ], function ($) { | |||||
| 18033 | $(".brand-carousel.owl-carousel").owlCarousel({ | |||||
| 18034 | autoplay: false, | |||||
| 18035 | autoplayTimeout: 5000, | |||||
| 18036 | autoplayHoverPause: true, | |||||
| 18037 | loop: false, | |||||
| 18038 | navRewind: true, | |||||
| 18039 | lazyLoad:true, | |||||
| 18040 | margin: 0, | |||||
| 18041 | nav: false, | |||||
| 18042 | dots: false, | |||||
| 18043 | responsive: { | |||||
| 18044 | 0: { | |||||
| 18045 | items:2 | |||||
| 18046 | }, | |||||
| 18047 | 640: { | |||||
| 18048 | items:3 | |||||
| 18049 | }, | |||||
| 18050 | 768: { | |||||
| 18051 | items:3 | |||||
| 18052 | }, | |||||
| 18053 | 992: { | |||||
| 18054 | items:4 | |||||
| 18055 | }, | |||||
| 18056 | 1200: { | |||||
| 18057 | items:6 | |||||
| 18058 | } | |||||
| 18059 | } | |||||
| 18060 | }); | |||||
| 18061 | }); | |||||
| 18062 | </script> | |||||
| 18063 | </div> | |||||
| 18064 | </div> | |||||
| 18065 | </div> | |||||
| 18066 | </div> | |||||
| 18067 | </div> | |||||
| 18068 | ]]> | |||||
| 18069 | </content> | |||||
| 18070 | ||||||
| 18071 | <is_active> | |||||
| 18072 | 1 | |||||
| 18073 | </is_active> | |||||
| 18074 | ||||||
| 18075 | <page_layout> | |||||
| 18076 | 1column | |||||
| 18077 | </page_layout> | |||||
| 18078 | ||||||
| 18079 | <layout_update_xml> | |||||
| 18080 | <![CDATA[]]> | |||||
| 18081 | </layout_update_xml> | |||||
| 18082 | ||||||
| 18083 | </cms_item> | |||||
| 18084 | ||||||
| 18085 | ||||||
| 18086 | <cms_item> | |||||
| 18087 | ||||||
| 18088 | <title> | |||||
| 18089 | Porto - Homepage 31 | |||||
| 18090 | </title> | |||||
| 18091 | ||||||
| 18092 | <identifier> | |||||
| 18093 | porto_home_31 | |||||
| 18094 | </identifier> | |||||
| 18095 | ||||||
| 18096 | <content> | |||||
| 18097 | <![CDATA[<style> | |||||
| 18098 | .columns .column.main { | |||||
| 18099 | padding-bottom: 0; | |||||
| 18100 | } | |||||
| 18101 | .porto-ibanner-layer { | |||||
| 18102 | position: absolute; | |||||
| 18103 | z-index: 10; | |||||
| 18104 | } | |||||
| 18105 | .porto-ibanner .btn-borders.btn-xl { | |||||
| 18106 | font-size: 1.125em; | |||||
| 18107 | border-width: 4px; | |||||
| 18108 | } | |||||
| 18109 | .ls-150, .ls-150>*, .ls-150>.btn { | |||||
| 18110 | letter-spacing: .15em; | |||||
| 18111 | } | |||||
| 18112 | .ls-30 { | |||||
| 18113 | letter-spacing: .03em; | |||||
| 18114 | } | |||||
| 18115 | .ls-n-40 { | |||||
| 18116 | letter-spacing: -.04em; | |||||
| 18117 | } | |||||
| 18118 | .porto-carousel sup { | |||||
| 18119 | font-size: 50%; | |||||
| 18120 | top: -.6em; | |||||
| 18121 | } | |||||
| 18122 | .vc_btn3-block { | |||||
| 18123 | display: block; | |||||
| 18124 | width: 100%; | |||||
| 18125 | } | |||||
| 18126 | .section { | |||||
| 18127 | background-color: #f4f4f4; | |||||
| 18128 | padding: 50px 0; | |||||
| 18129 | } | |||||
| 18130 | sup { | |||||
| 18131 | top: -.2em; | |||||
| 18132 | font-size: 75%; | |||||
| 18133 | } | |||||
| 18134 | .porto-ibanner strong { | |||||
| 18135 | font-weight: 800; | |||||
| 18136 | } | |||||
| 18137 | @media (max-width: 575px) { | |||||
| 18138 | .porto-ibanner-layer { | |||||
| 18139 | font-size: .6875rem; | |||||
| 18140 | } | |||||
| 18141 | } | |||||
| 18142 | @media (max-width: 480px) { | |||||
| 18143 | .home-slider .porto-ibanner-layer { | |||||
| 18144 | font-size: 2.2vw; | |||||
| 18145 | } | |||||
| 18146 | } | |||||
| 18147 | </style> | |||||
| 18148 | <div class="porto-wrap-container container"> | |||||
| 18149 | <div class="row"> | |||||
| 18150 | <div class="vc_column_container col-md-12"> | |||||
| 18151 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 18152 | <div id="banner-slider-demo-31" class="porto-carousel owl-carousel mb-0 home-slider nav-pos-outside nav-style-4 show-nav-hover"> | |||||
| 18153 | <div class="porto-ibanner text-left mb-0" style="min-height: 474px; background-color: #f4f4f4;"> | |||||
| 18154 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/31/shop31_home_slide1.jpg"}}" /> | |||||
| 18155 | <div class="porto-ibanner-desc no-padding d-flex"> | |||||
| 18156 | <div class="porto-ibanner-layer" style="left: 8%; top: 50%; transform: translateY(-50%);"> | |||||
| 18157 | <h3 style="font-size: 2.5em; color: rgb(119, 119, 119); line-height: 1; font-weight: 500;" class="vc_custom_heading ls-n-20 mb-2 align-left"> | |||||
| 18158 | Spring / Summer Season | |||||
| 18159 | </h3> | |||||
| 18160 | <h3 style="font-size: 2.875em; line-height: 1; text-align: center;" class="vc_custom_heading mr-2 d-inline-block"> | |||||
| 18161 | up<br /> | |||||
| 18162 | to | |||||
| 18163 | </h3> | |||||
| 18164 | <h3 style="font-size: 6.125em; line-height: 1; animation-delay: 500ms;" class="vc_custom_heading ls-30 mb-4 d-inline-block align-left"> | |||||
| 18165 | 50% OFF | |||||
| 18166 | </h3> | |||||
| 18167 | <div class="vc_row wpb_row vc_inner row"> | |||||
| 18168 | <div class="vc_column_container col-md-12"> | |||||
| 18169 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 18170 | <h4 style="font-size: 1.125em; line-height: 1;" class="vc_custom_heading ls-n-20 pull-left mr-3 align-left">STARTING AT</h4> | |||||
| 18171 | <h5 style="font-size: 2.5em; line-height: 0.75;" class="vc_custom_heading pull-left mr-4 mr-xl-5 pr-lg-2 align-left heading-primary"><sup>$</sup>19<sup>99</sup></h5> | |||||
| 18172 | <div class="btn-container mb-0 d-inline-block"><button class="vc_btn3 vc_btn3-shape-default btn btn-borders btn-xl btn-dark">SHOP NOW</button></div> | |||||
| 18173 | </div> | |||||
| 18174 | </div> | |||||
| 18175 | </div> | |||||
| 18176 | </div> | |||||
| 18177 | </div> | |||||
| 18178 | </div> | |||||
| 18179 | <div class="porto-ibanner text-left mb-0" style="min-height: 474px; background-color: #f4f4f4;"> | |||||
| 18180 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/31/shop31_home_slide2.jpg"}}" /> | |||||
| 18181 | <div class="porto-ibanner-desc no-padding d-flex"> | |||||
| 18182 | <div class="porto-ibanner-layer" style="right: 8%; top: 50%; transform: translateY(-50%);"> | |||||
| 18183 | <h3 style="font-size: 2.125em; color: #777777; line-height: 1; font-weight: 500;" class="vc_custom_heading mb-0 align-left">EXTRA</h3> | |||||
| 18184 | <h3 style="font-size: 4.3125em; line-height: 1;" class="vc_custom_heading mb-2 align-left">20% OFF</h3> | |||||
| 18185 | <h3 style="font-size: 2.125em; line-height: 1;" class="vc_custom_heading ls-150 mb-3 pb-1 align-left">ACCESSORIES</h3> | |||||
| 18186 | <div class="btn-container mb-0 ls-150 text-center"> | |||||
| 18187 | <button class="vc_btn3 vc_btn3-shape-default vc_btn3-block btn btn-modern btn-xl btn-dark">Shop All Sale</button> | |||||
| 18188 | </div> | |||||
| 18189 | </div> | |||||
| 18190 | </div> | |||||
| 18191 | </div> | |||||
| 18192 | </div> | |||||
| 18193 | <script type="text/javascript"> | |||||
| 18194 | require([ | |||||
| 18195 | 'jquery', | |||||
| 18196 | 'owl.carousel/owl.carousel.min' | |||||
| 18197 | ], function ($) { | |||||
| 18198 | $("#banner-slider-demo-31").owlCarousel({ | |||||
| 18199 | items: 1, | |||||
| 18200 | autoplay: false, | |||||
| 18201 | autoplayTimeout: 5000, | |||||
| 18202 | autoplayHoverPause: true, | |||||
| 18203 | dots: false, | |||||
| 18204 | navRewind: true, | |||||
| 18205 | animateIn: 'fadeIn', | |||||
| 18206 | animateOut: 'fadeOut', | |||||
| 18207 | loop: true, | |||||
| 18208 | nav: true | |||||
| 18209 | }); | |||||
| 18210 | }); | |||||
| 18211 | </script> | |||||
| 18212 | <div class="porto-carousel brand-carousel owl-carousel mb-0 py-4"> | |||||
| 18213 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand1.png"}}" alt="" /></div> | |||||
| 18214 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand2.png"}}" alt="" /></div> | |||||
| 18215 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand3.png"}}" alt="" /></div> | |||||
| 18216 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand4.png"}}" alt="" /></div> | |||||
| 18217 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand5.png"}}" alt="" /></div> | |||||
| 18218 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand6.png"}}" alt="" /></div> | |||||
| 18219 | </div> | |||||
| 18220 | <script type="text/javascript"> | |||||
| 18221 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | |||||
| 18222 | $(".brand-carousel.owl-carousel").owlCarousel({ | |||||
| 18223 | autoplay: true, | |||||
| 18224 | autoplayTimeout: 5000, | |||||
| 18225 | autoplayHoverPause: true, | |||||
| 18226 | nav: false, | |||||
| 18227 | dots: false, | |||||
| 18228 | loop: true, | |||||
| 18229 | responsive: { | |||||
| 18230 | 0: { | |||||
| 18231 | items: 2, | |||||
| 18232 | }, | |||||
| 18233 | 640: { | |||||
| 18234 | items: 3, | |||||
| 18235 | }, | |||||
| 18236 | 768: { | |||||
| 18237 | items: 4, | |||||
| 18238 | }, | |||||
| 18239 | 992: { | |||||
| 18240 | items: 5, | |||||
| 18241 | }, | |||||
| 18242 | 1200: { | |||||
| 18243 | items: 5, | |||||
| 18244 | }, | |||||
| 18245 | }, | |||||
| 18246 | }); | |||||
| 18247 | }); | |||||
| 18248 | </script> | |||||
| 18249 | </div> | |||||
| 18250 | </div> | |||||
| 18251 | </div> | |||||
| 18252 | </div> | |||||
| 18253 | <div class="vc_row wpb_row home-ads section section-default mt-0 mb-0 section-no-borders porto-inner-container"> | |||||
| 18254 | <div class="porto-wrap-container container"> | |||||
| 18255 | <div class="row"> | |||||
| 18256 | <div class="vc_column_container col-md-4"> | |||||
| 18257 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 18258 | <div class="porto-ibanner porto-ibe-boxshadow mb-4 mb-md-0"> | |||||
| 18259 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/31/shop31_home_banner1.jpg"}}" /> | |||||
| 18260 | <div class="porto-ibanner-desc no-padding d-flex"> | |||||
| 18261 | <div class="porto-ibanner-layer" style="left: 6%; top: 7%;"> | |||||
| 18262 | <h3 style="font-size: 1.375em; line-height: 1.2;" class="vc_custom_heading mb-1 align-left">Women's Bags & Purses</h3> | |||||
| 18263 | <h4 style="font-size: 1.75em; line-height: 1;" class="vc_custom_heading mb-0 align-left heading-primary"> | |||||
| 18264 | <sup><del>20%</del></sup><strong>30%</strong> | |||||
| 18265 | </h4> | |||||
| 18266 | </div> | |||||
| 18267 | <div class="porto-ibanner-layer" style="left: 5%; bottom: 5%;"> | |||||
| 18268 | <div class="btn-container mb-0 d-inline-block"> | |||||
| 18269 | <button class="vc_btn3 vc_btn3-shape-default btn btn-modern btn-lg btn-dark">Shop Now</button> | |||||
| 18270 | </div> | |||||
| 18271 | </div> | |||||
| 18272 | </div> | |||||
| 18273 | </div> | |||||
| 18274 | </div> | |||||
| 18275 | </div> | |||||
| 18276 | <div class="vc_column_container col-md-4"> | |||||
| 18277 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 18278 | <div class="porto-ibanner porto-ibe-boxshadow mb-4 mb-md-0"> | |||||
| 18279 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/31/shop31_home_banner2.jpg"}}" /> | |||||
| 18280 | <div class="porto-ibanner-desc no-padding d-flex"> | |||||
| 18281 | <div class="porto-ibanner-layer" style="width: 100%; left: 50%; transform: translateX(-50%); top: 7%;"> | |||||
| 18282 | <h3 style="font-size: 1.375em; line-height: 1.2; text-align: center;" class="vc_custom_heading mb-1">Women's Shoes</h3> | |||||
| 18283 | </div> | |||||
| 18284 | <div class="porto-ibanner-layer" style="left: 50%; transform: translateX(-50%); bottom: 5%;"> | |||||
| 18285 | <div class="btn-container mb-0 d-inline-block"> | |||||
| 18286 | <button class="vc_btn3 vc_btn3-shape-default btn btn-modern btn-lg btn-dark">Shop Now</button> | |||||
| 18287 | </div> | |||||
| 18288 | </div> | |||||
| 18289 | </div> | |||||
| 18290 | </div> | |||||
| 18291 | </div> | |||||
| 18292 | </div> | |||||
| 18293 | <div class="vc_column_container col-md-4"> | |||||
| 18294 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 18295 | <div class="porto-ibanner porto-ibe-boxshadow mb-4 mb-md-0"> | |||||
| 18296 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/31/shop31_home_banner3.jpg"}}" /> | |||||
| 18297 | <div class="porto-ibanner-desc no-padding d-flex"> | |||||
| 18298 | <div class="porto-ibanner-layer" style="right: 6%; top: 7%;"> | |||||
| 18299 | <h3 style="font-size: 1.375em; line-height: 1.2;" class="vc_custom_heading mb-1 align-right">Men's Leather Belt</h3> | |||||
| 18300 | <h4 style="font-size: 1.75em; line-height: 1;" class="vc_custom_heading mb-0 align-right heading-primary"> | |||||
| 18301 | <sup><del>30%</del></sup><strong>50%</strong> | |||||
| 18302 | </h4> | |||||
| 18303 | </div> | |||||
| 18304 | <div class="porto-ibanner-layer" style="right: 5%; bottom: 5%;"> | |||||
| 18305 | <div class="btn-container mb-0 d-inline-block"> | |||||
| 18306 | <button class="vc_btn3 vc_btn3-shape-default btn btn-modern btn-lg btn-dark">Shop Now</button> | |||||
| 18307 | </div> | |||||
| 18308 | </div> | |||||
| 18309 | </div> | |||||
| 18310 | </div> | |||||
| 18311 | </div> | |||||
| 18312 | </div> | |||||
| 18313 | </div> | |||||
| 18314 | </div> | |||||
| 18315 | </div> | |||||
| 18316 | <div class="vc_row wpb_row porto-inner-container" style="padding-top: 50px; padding-bottom: 16px;"> | |||||
| 18317 | <div class="porto-wrap-container container"> | |||||
| 18318 | <div class="row"> | |||||
| 18319 | <div class="vc_column_container col-md-12"> | |||||
| 18320 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 18321 | <div class="vc_custom_heading align-left heading heading-border heading-bottom-border heading-border-xs"> | |||||
| 18322 | <h2 style="font-size: 1rem; line-height: 1.4;" class="heading-tag text-uppercase"> | |||||
| 18323 | Browse By Category | |||||
| 18324 | </h2> | |||||
| 18325 | </div> | |||||
| 18326 | <style> | |||||
| 18327 | ul.products li.product-category .thumb-info-wrapper:after { | |||||
| 18328 | background-color: rgba(27, 27, 23, 0.75); | |||||
| 18329 | } | |||||
| 18330 | ul.products li.product-category:hover .thumb-info-wrapper:after { | |||||
| 18331 | background-color: rgba(27, 27, 23, 0.6); | |||||
| 18332 | } | |||||
| 18333 | ul.products li.product-category { | |||||
| 18334 | margin-bottom: 1.4286em; | |||||
| 18335 | } | |||||
| 18336 | </style> | |||||
| 18337 | <div class="category-slider porto-products wpb_content_element mb-3"> | |||||
| 18338 | <div class="slider-wrapper"> | |||||
| 18339 | <ul class="products products-container products-slider owl-carousel category-pos-middle category-text-center nav-pos-outside nav-style-4 show-nav-hover"> | |||||
| 18340 | <li class="product-category product-col"> | |||||
| 18341 | <a href="#"> | |||||
| 18342 | <div class="thumb-info align-center"> | |||||
| 18343 | <div class="thumb-info-wrapper tf-none"> | |||||
| 18344 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/31/shop31_cat1.jpg"}}" /> | |||||
| 18345 | </div> | |||||
| 18346 | <div class="thumb-info-wrap"> | |||||
| 18347 | <div class="thumb-info-title"> | |||||
| 18348 | <h3 class="sub-title thumb-info-inner">Sunglasses</h3> | |||||
| 18349 | <span class="thumb-info-type"><mark class="count">1</mark> Products </span> | |||||
| 18350 | </div> | |||||
| 18351 | </div> | |||||
| 18352 | </div> | |||||
| 18353 | </a> | |||||
| 18354 | </li> | |||||
| 18355 | <li class="product-category product-col"> | |||||
| 18356 | <a href="#"> | |||||
| 18357 | <div class="thumb-info align-center"> | |||||
| 18358 | <div class="thumb-info-wrapper tf-none"> | |||||
| 18359 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/31/shop31_cat2.jpg"}}" /> | |||||
| 18360 | </div> | |||||
| 18361 | <div class="thumb-info-wrap"> | |||||
| 18362 | <div class="thumb-info-title"> | |||||
| 18363 | <h3 class="sub-title thumb-info-inner">Bags</h3> | |||||
| 18364 | <span class="thumb-info-type"><mark class="count">3</mark> Products </span> | |||||
| 18365 | </div> | |||||
| 18366 | </div> | |||||
| 18367 | </div> | |||||
| 18368 | </a> | |||||
| 18369 | </li> | |||||
| 18370 | <li class="product-category product-col"> | |||||
| 18371 | <a href="#"> | |||||
| 18372 | <div class="thumb-info align-center"> | |||||
| 18373 | <div class="thumb-info-wrapper tf-none"> | |||||
| 18374 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/31/shop31_cat3.jpg"}}" /> | |||||
| 18375 | </div> | |||||
| 18376 | <div class="thumb-info-wrap"> | |||||
| 18377 | <div class="thumb-info-title"> | |||||
| 18378 | <h3 class="sub-title thumb-info-inner">Shoes</h3> | |||||
| 18379 | <span class="thumb-info-type"><mark class="count">1</mark> Products </span> | |||||
| 18380 | </div> | |||||
| 18381 | </div> | |||||
| 18382 | </div> | |||||
| 18383 | </a> | |||||
| 18384 | </li> | |||||
| 18385 | <li class="product-category product-col"> | |||||
| 18386 | <a href="#"> | |||||
| 18387 | <div class="thumb-info align-center"> | |||||
| 18388 | <div class="thumb-info-wrapper tf-none"> | |||||
| 18389 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/31/shop31_cat4.jpg"}}" /> | |||||
| 18390 | </div> | |||||
| 18391 | <div class="thumb-info-wrap"> | |||||
| 18392 | <div class="thumb-info-title"> | |||||
| 18393 | <h3 class="sub-title thumb-info-inner">Accessories</h3> | |||||
| 18394 | <span class="thumb-info-type"><mark class="count">7</mark> Products </span> | |||||
| 18395 | </div> | |||||
| 18396 | </div> | |||||
| 18397 | </div> | |||||
| 18398 | </a> | |||||
| 18399 | </li> | |||||
| 18400 | <li class="product-category product-col"> | |||||
| 18401 | <a href="#"> | |||||
| 18402 | <div class="thumb-info align-center"> | |||||
| 18403 | <div class="thumb-info-wrapper tf-none"> | |||||
| 18404 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/31/shop31_cat5.jpg"}}" /> | |||||
| 18405 | </div> | |||||
| 18406 | <div class="thumb-info-wrap"> | |||||
| 18407 | <div class="thumb-info-title"> | |||||
| 18408 | <h3 class="sub-title thumb-info-inner">Clothes</h3> | |||||
| 18409 | <span class="thumb-info-type"><mark class="count">3</mark> Products </span> | |||||
| 18410 | </div> | |||||
| 18411 | </div> | |||||
| 18412 | </div> | |||||
| 18413 | </a> | |||||
| 18414 | </li> | |||||
| 18415 | </ul> | |||||
| 18416 | <script type="text/javascript"> | |||||
| 18417 | require([ | |||||
| 18418 | 'jquery', | |||||
| 18419 | 'owl.carousel/owl.carousel.min' | |||||
| 18420 | ], function ($) { | |||||
| 18421 | $(".category-slider .owl-carousel").owlCarousel({ | |||||
| 18422 | autoplay: false, | |||||
| 18423 | autoplayTimeout: 5000, | |||||
| 18424 | autoplayHoverPause: true, | |||||
| 18425 | loop: true, | |||||
| 18426 | navRewind: true, | |||||
| 18427 | lazyLoad:true, | |||||
| 18428 | margin: 0, | |||||
| 18429 | nav: true, | |||||
| 18430 | dots: false, | |||||
| 18431 | responsive: { | |||||
| 18432 | 0: { | |||||
| 18433 | items:2 | |||||
| 18434 | }, | |||||
| 18435 | 640: { | |||||
| 18436 | items:2 | |||||
| 18437 | }, | |||||
| 18438 | 768: { | |||||
| 18439 | items:3 | |||||
| 18440 | }, | |||||
| 18441 | 992: { | |||||
| 18442 | items:4 | |||||
| 18443 | }, | |||||
| 18444 | 1200: { | |||||
| 18445 | items:4 | |||||
| 18446 | } | |||||
| 18447 | } | |||||
| 18448 | }); | |||||
| 18449 | }); | |||||
| 18450 | </script> | |||||
| 18451 | </div> | |||||
| 18452 | </div> | |||||
| 18453 | <div class="porto-products wpb_content_element title-border-bottom mb-0"> | |||||
| 18454 | <h2 class="section-title"><span class="inline-title">Featured Products Grid</span><span class="line"></span></h2> | |||||
| 18455 | <div style="margin: 0 0 1em;padding-bottom: 20px;"> | |||||
| 18456 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="masonry_3" product_count="10" aspect_ratio="0" image_width="500" image_height="500" masonry_layout="3" product_type="3" gap_width="20" grid_height="600" template="masonry_grid.phtml"}} | |||||
| 18457 | </div> | |||||
| 18458 | </div> | |||||
| 18459 | </div> | |||||
| 18460 | </div> | |||||
| 18461 | </div> | |||||
| 18462 | </div> | |||||
| 18463 | </div> | |||||
| 18464 | <div class="vc_row wpb_row section section-default mt-0 mb-0 section-no-borders porto-inner-container" style="padding-bottom: 20px;"> | |||||
| 18465 | <div class="porto-wrap-container container"> | |||||
| 18466 | <div class="row"> | |||||
| 18467 | <div class="col-sm-6 vc_column_container col-md-6 col-lg-3"> | |||||
| 18468 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 18469 | <div class="wpb_content_element mb-0"> | |||||
| 18470 | <div class="widget widget_products"> | |||||
| 18471 | <h2 class="widgettitle">Top Rated Products</h2> | |||||
| 18472 | {{block class="Smartwave\Filterproducts\Block\Home\SaleList" name="featured_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}} | |||||
| 18473 | </div> | |||||
| 18474 | </div> | |||||
| 18475 | </div> | |||||
| 18476 | </div> | |||||
| 18477 | <div class="col-sm-6 vc_column_container col-md-6 col-lg-3"> | |||||
| 18478 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 18479 | <div class="wpb_content_element mb-0"> | |||||
| 18480 | <div class="widget widget_products"> | |||||
| 18481 | <h2 class="widgettitle">Best Selling Products</h2> | |||||
| 18482 | {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}} | |||||
| 18483 | </div> | |||||
| 18484 | </div> | |||||
| 18485 | </div> | |||||
| 18486 | </div> | |||||
| 18487 | <div class="col-sm-6 vc_column_container col-md-6 col-lg-3"> | |||||
| 18488 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 18489 | <div class="wpb_content_element mb-0"> | |||||
| 18490 | <div class="widget widget_products"> | |||||
| 18491 | <h2 class="widgettitle">Latest Products</h2> | |||||
| 18492 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}} | |||||
| 18493 | </div> | |||||
| 18494 | </div> | |||||
| 18495 | </div> | |||||
| 18496 | </div> | |||||
| 18497 | <div class="col-sm-6 d-flex align-items-end vc_column_container col-md-6 col-lg-3"> | |||||
| 18498 | <div class="wpb_wrapper vc_column-inner w-100"> | |||||
| 18499 | <div class="porto-ibanner m-b-lg" style="background-color: #2f2d33;"> | |||||
| 18500 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/31/shop31_home_banner4.jpg"}}" /> | |||||
| 18501 | <div class="porto-ibanner-desc no-padding d-flex"> | |||||
| 18502 | <div class="porto-ibanner-layer" style="width: 100%; left: 0%; top: 50%; transform: translateY(-50%);"> | |||||
| 18503 | <h3 style="font-size: 2em; line-height: 1; text-align: center;" class="vc_custom_heading mb-2 heading-light">Top Shoes</h3> | |||||
| 18504 | <h4 style="font-size: 1.375em; line-height: 1; text-align: center; font-weight: 600;" class="vc_custom_heading ls-n-40 mb-3 heading-primary">Summer Sale</h4> | |||||
| 18505 | <div class="btn-container mb-0 text-center"><button class="vc_btn3 vc_btn3-shape-default btn btn-borders btn-md btn-light">SHOP NOW</button></div> | |||||
| 18506 | </div> | |||||
| 18507 | </div> | |||||
| 18508 | </div> | |||||
| 18509 | </div> | |||||
| 18510 | </div> | |||||
| 18511 | </div> | |||||
| 18512 | </div> | |||||
| 18513 | </div> | |||||
| 18514 | <div class="vc_row wpb_row section section-parallax mt-0 mb-0 section-no-borders porto-inner-container"> | |||||
| 18515 | <div class="porto-wrap-container container"> | |||||
| 18516 | <div class="row"> | |||||
| 18517 | <div class="mb-5 vc_column_container col-md-12"> | |||||
| 18518 | <style> | |||||
| 18519 | .follow-instagram { | |||||
| 18520 | position: absolute; | |||||
| 18521 | top: 50%; | |||||
| 18522 | left: 50%; | |||||
| 18523 | transform: translate(-50%,-50%); | |||||
| 18524 | } | |||||
| 18525 | .follow-instagram .porto-sicon-read { | |||||
| 18526 | display: inline-block; | |||||
| 18527 | color: #fff; | |||||
| 18528 | border: 2px solid; | |||||
| 18529 | font-size: .8125rem; | |||||
| 18530 | font-weight: 600; | |||||
| 18531 | letter-spacing: .05em; | |||||
| 18532 | padding: .75em 2em; | |||||
| 18533 | text-decoration: none; | |||||
| 18534 | margin-top: .25rem; | |||||
| 18535 | } | |||||
| 18536 | .single-subscribe .newsletter input { | |||||
| 18537 | padding-left: 1.5rem; | |||||
| 18538 | font-family: Poppins; | |||||
| 18539 | font-size: .75rem; | |||||
| 18540 | font-style: italic; | |||||
| 18541 | } | |||||
| 18542 | .single-subscribe .newsletter .action { | |||||
| 18543 | background: #343437; | |||||
| 18544 | border: none; | |||||
| 18545 | padding: 0 2rem 0 1.5rem; | |||||
| 18546 | } | |||||
| 18547 | </style> | |||||
| 18548 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 18549 | <div class="wpb_text_column wpb_content_element mb-0"> | |||||
| 18550 | <div class="wpb_wrapper"> | |||||
| 18551 | {{block class="Smartwave\Porto\Block\Template" name="instagram" padding_item="0" template="Smartwave_SocialFeed::instagramphotos.phtml"}} | |||||
| 18552 | </div> | |||||
| 18553 | </div> | |||||
| 18554 | </div> | |||||
| 18555 | <div class="porto-sicon-box mb-0 follow-instagram style_1 top-icon" style="padding-top: 2.25rem; padding-right: 2.75rem; padding-bottom: 2.25rem; padding-left: 2.75rem; background-color: #0e0e0e;"> | |||||
| 18556 | <div class="porto-sicon-top"> | |||||
| 18557 | <div class="porto-just-icon-wrapper porto-icon none" style="color: #ffffff; font-size: 28px;"><i class="fab fa-instagram"></i></div> | |||||
| 18558 | </div> | |||||
| 18559 | <div class="porto-sicon-header"> | |||||
| 18560 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1.875rem; line-height: 1; color: #ffffff;">INSTAGRAM</h3> | |||||
| 18561 | <p style="line-height: 1.4; color: #f4f4f4;">@portoecommerce</p> | |||||
| 18562 | </div> | |||||
| 18563 | <div class="porto-sicon-description" style=""> | |||||
| 18564 | <a class="porto-sicon-read xx" href="#">FOLLOW</a> | |||||
| 18565 | </div> | |||||
| 18566 | </div> | |||||
| 18567 | </div> | |||||
| 18568 | </div> | |||||
| 18569 | <div class="vc_column_container col-md-10 offset-xl-3 col-xl-6 offset-lg-2 col-lg-8 offset-md-1"> | |||||
| 18570 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 18571 | <div class="porto-sicon-box style_1 top-icon"> | |||||
| 18572 | <div class="porto-sicon-top"> | |||||
| 18573 | <div class="porto-just-icon-wrapper porto-icon none" style="color: #222529; font-size: 30px;"><i class="far fa-envelope"></i></div> | |||||
| 18574 | </div> | |||||
| 18575 | <div class="porto-sicon-header"> | |||||
| 18576 | <h3 class="porto-sicon-title" style="font-weight: 600; font-size: 1.5rem; line-height: 1.2;">Subscribe to Our Newsletter</h3> | |||||
| 18577 | <p style="font-size: 13px; line-height: 1.2;">Get all the latest information on Events, Sales and Offers.</p> | |||||
| 18578 | </div> | |||||
| 18579 | </div> | |||||
| 18580 | {{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form.phtml"}} | |||||
| 18581 | </div> | |||||
| 18582 | </div> | |||||
| 18583 | </div> | |||||
| 18584 | </div> | |||||
| 18585 | ]]> | |||||
| 18586 | </content> | |||||
| 18587 | ||||||
| 18588 | <is_active> | |||||
| 18589 | 1 | |||||
| 18590 | </is_active> | |||||
| 18591 | ||||||
| 18592 | <page_layout> | |||||
| 18593 | 1column | |||||
| 18594 | </page_layout> | |||||
| 18595 | ||||||
| 18596 | <layout_update_xml> | |||||
| 18597 | <![CDATA[]]> | |||||
| 18598 | </layout_update_xml> | |||||
| 18599 | ||||||
| 18600 | </cms_item> | |||||
| 18601 | ||||||
| 18602 | <cms_item> | |||||
| 18603 | ||||||
| 18604 | <title> | |||||
| 18605 | Porto - Homepage 32 | |||||
| 18606 | </title> | |||||
| 18607 | ||||||
| 18608 | <identifier> | |||||
| 18609 | porto_home_32 | |||||
| 18610 | </identifier> | |||||
| 18611 | ||||||
| 18612 | <content> | |||||
| 18613 | <![CDATA[<style> | |||||
| 18614 | .p-b-md { | |||||
| 18615 | padding-bottom: 20px; | |||||
| 18616 | } | |||||
| 18617 | .p-t-md { | |||||
| 18618 | padding-top: 20px; | |||||
| 18619 | } | |||||
| 18620 | .porto-ibanner-layer { | |||||
| 18621 | position: absolute; | |||||
| 18622 | z-index: 10; | |||||
| 18623 | } | |||||
| 18624 | .banner-effect, .banner-effect-wrapper { | |||||
| 18625 | position: absolute; | |||||
| 18626 | top: 0; | |||||
| 18627 | left: 0; | |||||
| 18628 | right: 0; | |||||
| 18629 | bottom: 0; | |||||
| 18630 | z-index: 3; | |||||
| 18631 | } | |||||
| 18632 | .porto-ibanner-layer .btn-modern.btn-lg { | |||||
| 18633 | font-size: .875em; | |||||
| 18634 | padding: 1.375em 3.65em; | |||||
| 18635 | } | |||||
| 18636 | .home-banner-slider em, .home-banner em { | |||||
| 18637 | color: #b93027; | |||||
| 18638 | font-family: inherit; | |||||
| 18639 | font-style: normal; | |||||
| 18640 | margin-left: .375em; | |||||
| 18641 | } | |||||
| 18642 | .home-slider-banner-text { | |||||
| 18643 | transform: translateY(30%); | |||||
| 18644 | } | |||||
| 18645 | .home-slider-banner-text2 { | |||||
| 18646 | transform: translateY(54%); | |||||
| 18647 | } | |||||
| 18648 | .home-banner-slider strong, .home-banner strong { | |||||
| 18649 | font-size: 220%; | |||||
| 18650 | vertical-align: text-top; | |||||
| 18651 | line-height: .9; | |||||
| 18652 | } | |||||
| 18653 | .owl-carousel.nav-style-4 .owl-nav [class*="owl-"]:before { | |||||
| 18654 | content: ''; | |||||
| 18655 | display: block; | |||||
| 18656 | width: .9em; | |||||
| 18657 | height: .9em; | |||||
| 18658 | border-width: 1.5px 1.5px 0 0; | |||||
| 18659 | border-style: solid; | |||||
| 18660 | border-color: #222529; | |||||
| 18661 | transform: translateX(-50%) rotate(45deg) skew(10deg,10deg); | |||||
| 18662 | } | |||||
| 18663 | .owl-carousel.nav-style-4 .owl-nav .owl-prev:before { | |||||
| 18664 | transform: translateX(20%) rotate(-135deg) skew(10deg,10deg); | |||||
| 18665 | } | |||||
| 18666 | .particle-effect { | |||||
| 18667 | position: absolute; | |||||
| 18668 | width: 100%; | |||||
| 18669 | height: 100%; | |||||
| 18670 | top: 0; | |||||
| 18671 | left: 0; | |||||
| 18672 | -webkit-backface-visibility: hidden; | |||||
| 18673 | backface-visibility: hidden | |||||
| 18674 | } | |||||
| 18675 | .snowfall { | |||||
| 18676 | background-image: url({{media url="wysiwyg/smartwave/porto/homepage/32/s1.png"}}),url({{media url="wysiwyg/smartwave/porto/homepage/32/s2.png"}}),url({{media url="wysiwyg/smartwave/porto/homepage/32/s3.png"}}); | |||||
| 18677 | animation: snow 10s linear infinite; | |||||
| 18678 | z-index: 1 | |||||
| 18679 | } | |||||
| 18680 | ||||||
| 18681 | @keyframes snow { | |||||
| 18682 | 0% { | |||||
| 18683 | background-position: 0 0,0 0,0 0 | |||||
| 18684 | } | |||||
| 18685 | ||||||
| 18686 | 50% { | |||||
| 18687 | background-position: 500px 500px,100px 300px,-200px 250px | |||||
| 18688 | } | |||||
| 18689 | ||||||
| 18690 | to { | |||||
| 18691 | background-position: 400px 800px,300px 600px,-200px 400px | |||||
| 18692 | } | |||||
| 18693 | } | |||||
| 18694 | ||||||
| 18695 | .effect-snow { | |||||
| 18696 | background-image: url({{media url="wysiwyg/smartwave/porto/homepage/32/s4.png"}}),url({{media url="wysiwyg/smartwave/porto/homepage/32/s5.png"}}); | |||||
| 18697 | animation: snowsecond 20s linear infinite | |||||
| 18698 | } | |||||
| 18699 | ||||||
| 18700 | @keyframes snowsecond { | |||||
| 18701 | 0% { | |||||
| 18702 | background-position: 0 0,0 0,0 0 | |||||
| 18703 | } | |||||
| 18704 | ||||||
| 18705 | to { | |||||
| 18706 | background-position: 500px 1000px,400px 400px,300px 300px | |||||
| 18707 | } | |||||
| 18708 | } | |||||
| 18709 | .sparkle { | |||||
| 18710 | background-image: url({{media url="wysiwyg/smartwave/porto/homepage/32/sparkle1.png"}}),url({{media url="wysiwyg/smartwave/porto/homepage/32/sparkle2.png"}}); | |||||
| 18711 | animation: sparkle 60s linear infinite | |||||
| 18712 | } | |||||
| 18713 | ||||||
| 18714 | @keyframes sparkle { | |||||
| 18715 | 0% { | |||||
| 18716 | background-position: 0 0,0 0,0 0 | |||||
| 18717 | } | |||||
| 18718 | ||||||
| 18719 | to { | |||||
| 18720 | background-position: -500px -1000px,-400px -400px,300px 300px | |||||
| 18721 | } | |||||
| 18722 | } | |||||
| 18723 | </style> | |||||
| 18724 | <div class="vc_row wpb_row row home-banner-slider no-padding"> | |||||
| 18725 | <div class="vc_column_container col-md-12"> | |||||
| 18726 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 18727 | <div id="banner-slider-demo-32" class="porto-carousel owl-carousel mb-5 nav-pos-inside nav-style-4 show-nav-hover"> | |||||
| 18728 | <div class="porto-ibanner mb-0" style="background: #f7e1e8; min-height: 400px;"> | |||||
| 18729 | <div class="banner-effect-wrapper"> | |||||
| 18730 | <div class="banner-effect"><div class="particle-effect snowfall"></div></div> | |||||
| 18731 | </div> | |||||
| 18732 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/32/shop32_home_slide1.jpg"}}" /> | |||||
| 18733 | <div class="porto-ibanner-desc no-padding d-flex"> | |||||
| 18734 | <div class="porto-ibanner-layer pl-2 pb-2" style="width: 10%; left: 0%; bottom: 0%;"> | |||||
| 18735 | <div class="wpb_single_image wpb_content_element vc_align_left mb-0"> | |||||
| 18736 | <div class="wpb_wrapper"> | |||||
| 18737 | <div class="vc_single_image-wrapper vc_box_border_grey"> | |||||
| 18738 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/32/shop32_home_slide1_dots.png"}}" /> | |||||
| 18739 | </div> | |||||
| 18740 | </div> | |||||
| 18741 | </div> | |||||
| 18742 | </div> | |||||
| 18743 | <div class="porto-ibanner-layer home-slider-banner-text" style="width: 66.6666%; left: 12%; bottom: 0%;"> | |||||
| 18744 | <div class="wpb_single_image wpb_content_element vc_align_left"> | |||||
| 18745 | <div class="wpb_wrapper"> | |||||
| 18746 | <div class="vc_single_image-wrapper vc_box_border_grey"> | |||||
| 18747 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/32/shop32_home_slide1_text.png"}}" /> | |||||
| 18748 | </div> | |||||
| 18749 | </div> | |||||
| 18750 | </div> | |||||
| 18751 | </div> | |||||
| 18752 | <div class="porto-ibanner-layer" style="left: 11.5%; top: 50%; transform: translateY(-50%);max-width: 825px;"> | |||||
| 18753 | <div> | |||||
| 18754 | <h4 style="font-size: 1.375em; line-height: 1; font-weight: 600; letter-spacing: 0.2em;" class="vc_custom_heading mb-2 align-left">New Amazing Collection</h4> | |||||
| 18755 | <h2 style="font-size: 5.375em; line-height: 1;" class="vc_custom_heading mb-4 pr-3 align-left">Summer Beauty Sale</h2> | |||||
| 18756 | <p style="font-size: 1.375em; color: #777777; line-height: 1.5; font-weight: 300; letter-spacing: -0.015em;" class="vc_custom_heading mb-4 pb-xl-1 mw-fit align-left"> | |||||
| 18757 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ullamcorper quam lacus, et suscipit lectus porta efficitur. | |||||
| 18758 | </p> | |||||
| 18759 | <h5 style="font-size: 1.125em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading pull-left mr-4 mr-xl-5 pr-lg-3 align-left">STARTING AT <em>$<strong>39</strong>99</em></h5> | |||||
| 18760 | <div class="btn-container d-inline-block"><button class="vc_btn3 vc_btn3-shape-default btn btn-modern btn-lg btn-light">Shop Now</button></div> | |||||
| 18761 | </div> | |||||
| 18762 | </div> | |||||
| 18763 | </div> | |||||
| 18764 | </div> | |||||
| 18765 | <div class="porto-ibanner mb-0" style="background: #f7e1e8; min-height: 400px;"> | |||||
| 18766 | <div class="banner-effect-wrapper"> | |||||
| 18767 | <div class="banner-effect"><div class="particle-effect sparkle"></div></div> | |||||
| 18768 | </div> | |||||
| 18769 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/32/shop32_home_slide2.jpg"}}" /> | |||||
| 18770 | <div class="porto-ibanner-desc no-padding d-flex"> | |||||
| 18771 | <div class="porto-ibanner-layer pl-2 pb-2" style="width: 10%; left: 0%; bottom: 0%;"> | |||||
| 18772 | <div class="wpb_single_image wpb_content_element vc_align_left mb-0"> | |||||
| 18773 | <div class="wpb_wrapper"> | |||||
| 18774 | <div class="vc_single_image-wrapper vc_box_border_grey"> | |||||
| 18775 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/32/shop32_home_slide1_dots.png"}}" /> | |||||
| 18776 | </div> | |||||
| 18777 | </div> | |||||
| 18778 | </div> | |||||
| 18779 | </div> | |||||
| 18780 | <div class="porto-ibanner-layer home-slider-banner-text2" style="width: 78%; left: 11%; bottom: 0%;"> | |||||
| 18781 | <div class="wpb_single_image wpb_content_element vc_align_left"> | |||||
| 18782 | <div class="wpb_wrapper"> | |||||
| 18783 | <div class="vc_single_image-wrapper vc_box_border_grey"> | |||||
| 18784 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/32/shop32_home_slide2_text.png"}}" /> | |||||
| 18785 | </div> | |||||
| 18786 | </div> | |||||
| 18787 | </div> | |||||
| 18788 | </div> | |||||
| 18789 | <div class="porto-ibanner-layer text-right" style="right: 11.5%; top: 50%; transform: translateY(-50%);max-width: 825px;"> | |||||
| 18790 | <div> | |||||
| 18791 | <h4 style="font-size: 1.375em; line-height: 1; font-weight: 600; letter-spacing: 0.2em;" class="vc_custom_heading mb-2 align-right">Back In Stock</h4> | |||||
| 18792 | <h2 style="font-size: 5.375em; line-height: 1;" class="vc_custom_heading mb-4 align-right">Ultimate SkinCare</h2> | |||||
| 18793 | <p style="font-size: 1.375em; color: #777777; line-height: 1.5; font-weight: 300; letter-spacing: -0.015em;" class="vc_custom_heading mb-4 pb-xl-1 mw-fit align-right"> | |||||
| 18794 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent lori ullamcorper quam lacus, et suscipit lectus porta efficitur. | |||||
| 18795 | </p> | |||||
| 18796 | <h5 style="font-size: 1.125em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading d-inline-block mr-4 mr-xl-5 pr-lg-3 align-left">STARTING AT <em>$<strong>39</strong>99</em></h5> | |||||
| 18797 | <div class="btn-container d-inline-block"><button class="vc_btn3 vc_btn3-shape-default btn btn-modern btn-lg btn-light">Shop Now</button></div> | |||||
| 18798 | </div> | |||||
| 18799 | </div> | |||||
| 18800 | </div> | |||||
| 18801 | </div> | |||||
| 18802 | </div> | |||||
| 18803 | <script type="text/javascript"> | |||||
| 18804 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | |||||
| 18805 | var banner_owl = $("#banner-slider-demo-32"); | |||||
| 18806 | banner_owl.owlCarousel({ | |||||
| 18807 | items: 1, | |||||
| 18808 | autoplay: false, | |||||
| 18809 | autoplayTimeout: 5000, | |||||
| 18810 | autoplayHoverPause: true, | |||||
| 18811 | dots: false, | |||||
| 18812 | nav: true, | |||||
| 18813 | navRewind: true, | |||||
| 18814 | animateIn: "fadeIn", | |||||
| 18815 | animateOut: "fadeOut", | |||||
| 18816 | loop: true, | |||||
| 18817 | lazyLoad: true | |||||
| 18818 | }); | |||||
| 18819 | }); | |||||
| 18820 | </script> | |||||
| 18821 | </div> | |||||
| 18822 | </div> | |||||
| 18823 | </div> | |||||
| 18824 | <div class="vc_row wpb_row porto-inner-container"> | |||||
| 18825 | <div class="porto-wrap-container container"> | |||||
| 18826 | <div class="row"> | |||||
| 18827 | <div class="vc_column_container col-md-12"> | |||||
| 18828 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 18829 | <h2 style="font-size: 2.125rem; line-height: 1;" class="vc_custom_heading mb-2 align-left">Shop By Category</h2> | |||||
| 18830 | <h5 style="font-size: 1rem; color: rgb(119, 119, 119); line-height: 1.2; font-weight: 300; letter-spacing: -0.025em; border-bottom: 1px #e7e7e7 solid;" class="vc_custom_heading m-b-md pb-4"> | |||||
| 18831 | Only the best seller products added recently in our catalog | |||||
| 18832 | </h5> | |||||
| 18833 | <style scope="scope"> | |||||
| 18834 | .home-banner-category .grid-creative{ | |||||
| 18835 | opacity: 0; | |||||
| 18836 | } | |||||
| 18837 | .home-banner-category .grid-creative { | |||||
| 18838 | margin-left: -10px; | |||||
| 18839 | margin-right: -10px; | |||||
| 18840 | width: calc(100% + 20px); | |||||
| 18841 | display: flex; | |||||
| 18842 | flex-wrap: wrap; | |||||
| 18843 | } | |||||
| 18844 | .home-banner-category .product-col { | |||||
| 18845 | padding: 0 10px 20px; | |||||
| 18846 | } | |||||
| 18847 | .grid-creative .thumb-info,.grid-creative .thumb-info .thumb-info-wrapper { | |||||
| 18848 | height: 100%; | |||||
| 18849 | } | |||||
| 18850 | .grid-creative .thumb-info img { | |||||
| 18851 | object-fit: cover; | |||||
| 18852 | width: 100%; | |||||
| 18853 | height: 100%; | |||||
| 18854 | padding: 0; | |||||
| 18855 | } | |||||
| 18856 | ul.products li { | |||||
| 18857 | margin: 0; | |||||
| 18858 | } | |||||
| 18859 | ul.products li.product-category .thumb-info h3 { | |||||
| 18860 | font-size: inherit; | |||||
| 18861 | letter-spacing: .2em; | |||||
| 18862 | font-weight: 600; | |||||
| 18863 | text-transform: none; | |||||
| 18864 | } | |||||
| 18865 | ul.products li.product-category .thumb-info h3:after { | |||||
| 18866 | content: ''; | |||||
| 18867 | display: inline-block; | |||||
| 18868 | width: .55em; | |||||
| 18869 | height: .55em; | |||||
| 18870 | border-width: 1px 1px 0 0; | |||||
| 18871 | margin-left: .3em; | |||||
| 18872 | transform: rotate(45deg) skew(12deg,12deg); | |||||
| 18873 | transition: margin-left .3s; | |||||
| 18874 | border-style: solid; | |||||
| 18875 | } | |||||
| 18876 | li.product-category .sub-categories { | |||||
| 18877 | font-weight: 300; | |||||
| 18878 | letter-spacing: -.025em; | |||||
| 18879 | } | |||||
| 18880 | li.product-category .thumb-info-title a:hover { | |||||
| 18881 | color: inherit; | |||||
| 18882 | text-decoration: underline; | |||||
| 18883 | } | |||||
| 18884 | ul.products li.product-category .thumb-info-title { | |||||
| 18885 | width: auto; | |||||
| 18886 | padding-right: 0; | |||||
| 18887 | } | |||||
| 18888 | ul.products li.product-col h3 { | |||||
| 18889 | line-height: 1.35; | |||||
| 18890 | } | |||||
| 18891 | .home-banner-category .grid-col-1-4 { | |||||
| 18892 | flex: 0 0 25%; | |||||
| 18893 | width: 25%; | |||||
| 18894 | } | |||||
| 18895 | .home-banner-category .grid-col-1-2 { | |||||
| 18896 | flex: 0 0 50%; | |||||
| 18897 | width: 50%; | |||||
| 18898 | } | |||||
| 18899 | .home-banner-category .grid-col-sizer { | |||||
| 18900 | flex: 0 0 25%; | |||||
| 18901 | width: 25%; | |||||
| 18902 | } | |||||
| 18903 | .home-banner-category .grid-height-3-5 { | |||||
| 18904 | height: 360px; | |||||
| 18905 | } | |||||
| 18906 | .home-banner-category .grid-height-1 { | |||||
| 18907 | height: 600px; | |||||
| 18908 | } | |||||
| 18909 | .home-banner-category .grid-height-2-5 { | |||||
| 18910 | height: 240px; | |||||
| 18911 | } | |||||
| 18912 | .thumb-info .thumb-info-title { | |||||
| 18913 | font-size: 1.25rem; | |||||
| 18914 | } | |||||
| 18915 | @media (max-width: 767px) { | |||||
| 18916 | .home-banner-category .grid-col-md-1-2 { | |||||
| 18917 | flex: 0 0 50%; | |||||
| 18918 | width: 50%; | |||||
| 18919 | } | |||||
| 18920 | .home-banner-category .grid-col-md-1-2 { | |||||
| 18921 | flex: 0 0 50%; | |||||
| 18922 | width: 50%; | |||||
| 18923 | } | |||||
| 18924 | .home-banner-category .grid-col-sizer { | |||||
| 18925 | flex: 0 0 50%; | |||||
| 18926 | width: 50%; | |||||
| 18927 | } | |||||
| 18928 | .home-banner-category .grid-height-3-5 { | |||||
| 18929 | height: 360px; | |||||
| 18930 | } | |||||
| 18931 | .home-banner-category .grid-height-1 { | |||||
| 18932 | height: 480px; | |||||
| 18933 | } | |||||
| 18934 | .home-banner-category .grid-height-2-5 { | |||||
| 18935 | height: 240px; | |||||
| 18936 | } | |||||
| 18937 | } | |||||
| 18938 | @media (max-width: 480px) { | |||||
| 18939 | .home-banner-category .product-col { | |||||
| 18940 | flex: 0 0 100%; | |||||
| 18941 | width: 100%; | |||||
| 18942 | } | |||||
| 18943 | } | |||||
| 18944 | </style> | |||||
| 18945 | <style> | |||||
| 18946 | .home-banner-category ul.products li.product-category .thumb-info-wrapper:after { | |||||
| 18947 | background-color: rgba(27, 27, 23, 0); | |||||
| 18948 | } | |||||
| 18949 | .home-banner-category ul.products li.product-category:hover .thumb-info-wrapper:after { | |||||
| 18950 | background-color: rgba(27, 27, 23, 0.15); | |||||
| 18951 | } | |||||
| 18952 | </style> | |||||
| 18953 | <div class="home-banner-category porto-products wpb_content_element hide-count"> | |||||
| 18954 | <div class="columns-4"> | |||||
| 18955 | <ul class="products products-container grid-creative category-pos-bottom category-text-left category-color-dark show-nav-middle is-shortcode" style="position: relative; height: 600px;"> | |||||
| 18956 | <li class="product-category product-col grid-col-1-4 grid-col-md-1-2 grid-height-3-5"> | |||||
| 18957 | <div class="thumb-info align-center"> | |||||
| 18958 | <a href="#"> | |||||
| 18959 | <div class="thumb-info-wrapper tf-none"> | |||||
| 18960 | <img src="https://www.portotheme.com/wordpress/porto/shop34/wp-content/uploads/sites/144/2020/05/shop34_cat1.jpg" /> | |||||
| 18961 | </div> | |||||
| 18962 | </a> | |||||
| 18963 | <div class="thumb-info-wrap"> | |||||
| 18964 | <div class="thumb-info-title"> | |||||
| 18965 | <ul class="sub-categories"> | |||||
| 18966 | <li class="cat-item cat-item-23"><a href="#">Bath & Shower</a></li> | |||||
| 18967 | <li class="cat-item cat-item-24"><a href="#">Body Care</a></li> | |||||
| 18968 | <li class="cat-item cat-item-27"><a href="#">Body Sculpting</a></li> | |||||
| 18969 | <li class="cat-item cat-item-26"><a href="#">Foot Care</a></li> | |||||
| 18970 | <li class="cat-item cat-item-25"><a href="#">Handcare</a></li> | |||||
| 18971 | </ul> | |||||
| 18972 | <a href="#"><h3 class="sub-title thumb-info-inner">Body</h3></a><span class="thumb-info-type"><mark class="count">4</mark> Products </span> | |||||
| 18973 | </div> | |||||
| 18974 | </div> | |||||
| 18975 | </div> | |||||
| 18976 | </li> | |||||
| 18977 | <li class="product-category product-col grid-col-1-2 grid-col-md-1-2 grid-height-1"> | |||||
| 18978 | <div class="thumb-info align-center"> | |||||
| 18979 | <a href="#"> | |||||
| 18980 | <div class="thumb-info-wrapper tf-none"> | |||||
| 18981 | <img src="https://www.portotheme.com/wordpress/porto/shop34/wp-content/uploads/sites/144/2020/05/shop34_cat2.jpg"/> | |||||
| 18982 | </div> | |||||
| 18983 | </a> | |||||
| 18984 | <div class="thumb-info-wrap"> | |||||
| 18985 | <div class="thumb-info-title"> | |||||
| 18986 | <ul class="sub-categories"> | |||||
| 18987 | <li class="cat-item cat-item-28"><a href="#">Cleansers</a></li> | |||||
| 18988 | <li class="cat-item cat-item-30"><a href="#">Exfoliators</a></li> | |||||
| 18989 | <li class="cat-item cat-item-33"><a href="#">Eye Care</a></li> | |||||
| 18990 | <li class="cat-item cat-item-32"><a href="#">Face Masks</a></li> | |||||
| 18991 | <li class="cat-item cat-item-34"><a href="#">Lip Care</a></li> | |||||
| 18992 | <li class="cat-item cat-item-31"><a href="#">Serums</a></li> | |||||
| 18993 | <li class="cat-item cat-item-29"><a href="#">Toners</a></li> | |||||
| 18994 | </ul> | |||||
| 18995 | <a href="#"><h3 class="sub-title thumb-info-inner">Skincare</h3></a> | |||||
| 18996 | <span class="thumb-info-type"><mark class="count">5</mark> Products </span> | |||||
| 18997 | </div> | |||||
| 18998 | </div> | |||||
| 18999 | </div> | |||||
| 19000 | </li> | |||||
| 19001 | <li class="product-category product-col grid-col-1-4 grid-col-md-1-2 grid-height-2-5"> | |||||
| 19002 | <div class="thumb-info align-center"> | |||||
| 19003 | <a href="#"> | |||||
| 19004 | <div class="thumb-info-wrapper tf-none"> | |||||
| 19005 | <img src="https://www.portotheme.com/wordpress/porto/shop34/wp-content/uploads/sites/144/2020/05/shop34_cat3.jpg" /> | |||||
| 19006 | </div> | |||||
| 19007 | </a> | |||||
| 19008 | <div class="thumb-info-wrap"> | |||||
| 19009 | <div class="thumb-info-title"> | |||||
| 19010 | <ul class="sub-categories"> | |||||
| 19011 | <li class="cat-item cat-item-35"><a href="#">Complexion</a></li> | |||||
| 19012 | <li class="cat-item cat-item-37"><a href="#">Eyes</a></li> | |||||
| 19013 | <li class="cat-item cat-item-38"><a href="#">Lips</a></li> | |||||
| 19014 | </ul> | |||||
| 19015 | <a href="#"><h3 class="sub-title thumb-info-inner">Makeup</h3></a><span class="thumb-info-type"><mark class="count">4</mark> Products </span> | |||||
| 19016 | </div> | |||||
| 19017 | </div> | |||||
| 19018 | </div> | |||||
| 19019 | </li> | |||||
| 19020 | <li class="product-category product-col grid-col-1-4 grid-col-md-1-2 grid-height-3-5"> | |||||
| 19021 | <div class="thumb-info align-center"> | |||||
| 19022 | <a href="#"> | |||||
| 19023 | <div class="thumb-info-wrapper tf-none"> | |||||
| 19024 | <img src="https://www.portotheme.com/wordpress/porto/shop34/wp-content/uploads/sites/144/2020/05/shop34_cat5-400x400.jpg" /> | |||||
| 19025 | </div> | |||||
| 19026 | </a> | |||||
| 19027 | <div class="thumb-info-wrap"> | |||||
| 19028 | <div class="thumb-info-title"> | |||||
| 19029 | <ul class="sub-categories"> | |||||
| 19030 | <li class="cat-item cat-item-43"><a href="#">Body & Hair Mist</a></li> | |||||
| 19031 | <li class="cat-item cat-item-44"><a href="#">Fragrance</a></li> | |||||
| 19032 | <li class="cat-item cat-item-45"><a href="#">Perfume</a></li> | |||||
| 19033 | <li class="cat-item cat-item-46"><a href="#">Soap</a></li> | |||||
| 19034 | </ul> | |||||
| 19035 | <a href="#"><h3 class="sub-title thumb-info-inner">Fragrance</h3></a> | |||||
| 19036 | <span class="thumb-info-type"><mark class="count">3</mark> Products </span> | |||||
| 19037 | </div> | |||||
| 19038 | </div> | |||||
| 19039 | </div> | |||||
| 19040 | </li> | |||||
| 19041 | <li class="product-category product-col grid-col-1-4 grid-col-md-1-2 grid-height-2-5"> | |||||
| 19042 | <div class="thumb-info align-center"> | |||||
| 19043 | <a href="#"> | |||||
| 19044 | <div class="thumb-info-wrapper tf-none"> | |||||
| 19045 | <img src="https://www.portotheme.com/wordpress/porto/shop34/wp-content/uploads/sites/144/2020/05/shop34_cat4-300x225.jpg" /> | |||||
| 19046 | </div> | |||||
| 19047 | </a> | |||||
| 19048 | <div class="thumb-info-wrap"> | |||||
| 19049 | <div class="thumb-info-title"> | |||||
| 19050 | <ul class="sub-categories"> | |||||
| 19051 | <li class="cat-item cat-item-49"><a href="#">Conditioner</a></li> | |||||
| 19052 | <li class="cat-item cat-item-48"><a href="#">Shampoo</a></li> | |||||
| 19053 | <li class="cat-item cat-item-51"><a href="#">Styling</a></li> | |||||
| 19054 | <li class="cat-item cat-item-50"><a href="#">Treatments</a></li> | |||||
| 19055 | </ul> | |||||
| 19056 | <a href="#"><h3 class="sub-title thumb-info-inner">Hair</h3></a><span class="thumb-info-type"><mark class="count">3</mark> Products </span> | |||||
| 19057 | </div> | |||||
| 19058 | </div> | |||||
| 19059 | </div> | |||||
| 19060 | </li> | |||||
| 19061 | <li class="grid-col-sizer"></li> | |||||
| 19062 | </ul> | |||||
| 19063 | <script type="text/javascript"> | |||||
| 19064 | require([ | |||||
| 19065 | 'jquery', | |||||
| 19066 | 'packery' | |||||
| 19067 | ], function ($, Packery) { | |||||
| 19068 | $.bridget( 'packery', Packery ); | |||||
| 19069 | var $container = $('.home-banner-category .grid-creative'); | |||||
| 19070 | $container.css('opacity', 0); | |||||
| 19071 | if ($container.length > 0) { | |||||
| 19072 | $container.imagesLoaded(function(){ | |||||
| 19073 | $container.packery({ | |||||
| 19074 | itemSelector: ".product-col", | |||||
| 19075 | columnWidth: ".grid-col-sizer", | |||||
| 19076 | percentPosition: true | |||||
| 19077 | }); | |||||
| 19078 | }); | |||||
| 19079 | setTimeout(function(){ | |||||
| 19080 | $container.animate({ | |||||
| 19081 | opacity: 1 | |||||
| 19082 | }, 200); | |||||
| 19083 | }, 500); | |||||
| 19084 | } | |||||
| 19085 | }); | |||||
| 19086 | </script> | |||||
| 19087 | </div> | |||||
| 19088 | </div> | |||||
| 19089 | <h2 style="font-size: 2.125rem; line-height: 1;" class="vc_custom_heading mb-2 align-left"> | |||||
| 19090 | Recommended Products | |||||
| 19091 | </h2> | |||||
| 19092 | <h5 style="font-size: 1rem; color: rgb(119, 119, 119); line-height: 1.2; font-weight: 300; letter-spacing: -0.025em;border-bottom: 1px #e7e7e7 solid;" class="vc_custom_heading mb-4 pb-4 align-left"> | |||||
| 19093 | Only the best seller products added recently in our catalog | |||||
| 19094 | </h5> | |||||
| 19095 | <style> | |||||
| 19096 | .product.data.items > .item.title { | |||||
| 19097 | color: #333; | |||||
| 19098 | border-bottom-width: 1px; | |||||
| 19099 | font-size: .8125rem; | |||||
| 19100 | font-weight: 400; | |||||
| 19101 | letter-spacing: -.025em; | |||||
| 19102 | text-transform: uppercase; | |||||
| 19103 | line-height: 1.5; | |||||
| 19104 | } | |||||
| 19105 | .product.data.items > .item.title:hover { | |||||
| 19106 | border-color: #333; | |||||
| 19107 | color: #333; | |||||
| 19108 | } | |||||
| 19109 | .product.data.items > .item.title > .switch { | |||||
| 19110 | font-size: inherit; | |||||
| 19111 | } | |||||
| 19112 | .product.data.items > .item.title.active { | |||||
| 19113 | color: #333; | |||||
| 19114 | border-color: #333; | |||||
| 19115 | } | |||||
| 19116 | .tabs.tabs-simple .section-title { | |||||
| 19117 | text-align: left; | |||||
| 19118 | } | |||||
| 19119 | @media(min-width: 1024px){ | |||||
| 19120 | .tabs.tabs-simple .section-title { | |||||
| 19121 | margin: 0; | |||||
| 19122 | margin-bottom: -28px; | |||||
| 19123 | padding-top: 3px; | |||||
| 19124 | } | |||||
| 19125 | } | |||||
| 19126 | @media(min-width: 768px){ | |||||
| 19127 | .product.data.items { | |||||
| 19128 | text-align: center; | |||||
| 19129 | } | |||||
| 19130 | .product.data.items > .item.title { | |||||
| 19131 | float: none; | |||||
| 19132 | display: inline-block; | |||||
| 19133 | padding: 0; | |||||
| 19134 | text-decoration: none; | |||||
| 19135 | margin: 0 1.5rem 1rem; | |||||
| 19136 | } | |||||
| 19137 | .product.data.items > .item.content { | |||||
| 19138 | border-top: none; | |||||
| 19139 | margin-top: 1.75rem; | |||||
| 19140 | } | |||||
| 19141 | } | |||||
| 19142 | @media(max-width: 767px) { | |||||
| 19143 | .tabs.tabs-simple { | |||||
| 19144 | margin-bottom: 30px; | |||||
| 19145 | } | |||||
| 19146 | } | |||||
| 19147 | </style> | |||||
| 19148 | <div class="tabs tabs-simple pt-2"> | |||||
| 19149 | <div class="product data items" data-mage-init='{"tabs":{"openedState":"active","collapsible":"true"}}'> | |||||
| 19150 | <div class="data item title" aria-labeledby="tab-label-tab1-title" data-role="collapsible" id="tab-label-tab1"> | |||||
| 19151 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#tab1" id="tab-label-tab1-title"> | |||||
| 19152 | <span>Kitchen</span> | |||||
| 19153 | </a> | |||||
| 19154 | </div> | |||||
| 19155 | <div class="data item content" id="tab1" data-role="content"> | |||||
| 19156 | <div id="tab1-products" class="porto-products wpb_content_element"> | |||||
| 19157 | <div class="slider-wrapper"> | |||||
| 19158 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="tab1_product" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1" product_count="6" product_type="3" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||||
| 19159 | <script type="text/javascript"> | |||||
| 19160 | require([ | |||||
| 19161 | 'jquery', | |||||
| 19162 | 'owl.carousel/owl.carousel.min' | |||||
| 19163 | ], function ($) { | |||||
| 19164 | $("#tab1-products .owl-carousel").owlCarousel({ | |||||
| 19165 | autoplay: true, | |||||
| 19166 | autoplayTimeout: 5000, | |||||
| 19167 | autoplayHoverPause: true, | |||||
| 19168 | loop: true, | |||||
| 19169 | navRewind: true, | |||||
| 19170 | lazyLoad:true, | |||||
| 19171 | margin: 0, | |||||
| 19172 | nav: true, | |||||
| 19173 | dots: false, | |||||
| 19174 | responsive: { | |||||
| 19175 | 0: { | |||||
| 19176 | items:2 | |||||
| 19177 | }, | |||||
| 19178 | 640: { | |||||
| 19179 | items:2 | |||||
| 19180 | }, | |||||
| 19181 | 768: { | |||||
| 19182 | items:2 | |||||
| 19183 | }, | |||||
| 19184 | 992: { | |||||
| 19185 | items:3 | |||||
| 19186 | }, | |||||
| 19187 | 1200: { | |||||
| 19188 | items:3 | |||||
| 19189 | } | |||||
| 19190 | } | |||||
| 19191 | }); | |||||
| 19192 | }); | |||||
| 19193 | </script> | |||||
| 19194 | </div> | |||||
| 19195 | </div> | |||||
| 19196 | </div> | |||||
| 19197 | <div class="data item title" aria-labeledby="tab-label-tab2-title" data-role="collapsible" id="tab-label-tab2"> | |||||
| 19198 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#tab2" id="tab-label-tab2-title"> | |||||
| 19199 | <span>What's New</span> | |||||
| 19200 | </a> | |||||
| 19201 | </div> | |||||
| 19202 | <div class="data item content" id="tab2" data-role="content"> | |||||
| 19203 | <div id="tab2-products" class="porto-products wpb_content_element"> | |||||
| 19204 | <div class="slider-wrapper"> | |||||
| 19205 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="tab1_product" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1" product_count="6" product_type="3" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||||
| 19206 | <script type="text/javascript"> | |||||
| 19207 | require([ | |||||
| 19208 | 'jquery', | |||||
| 19209 | 'owl.carousel/owl.carousel.min' | |||||
| 19210 | ], function ($) { | |||||
| 19211 | $("#tab2-products .owl-carousel").owlCarousel({ | |||||
| 19212 | autoplay: true, | |||||
| 19213 | autoplayTimeout: 5000, | |||||
| 19214 | autoplayHoverPause: true, | |||||
| 19215 | loop: true, | |||||
| 19216 | navRewind: true, | |||||
| 19217 | lazyLoad:true, | |||||
| 19218 | margin: 0, | |||||
| 19219 | nav: true, | |||||
| 19220 | dots: false, | |||||
| 19221 | responsive: { | |||||
| 19222 | 0: { | |||||
| 19223 | items:2 | |||||
| 19224 | }, | |||||
| 19225 | 640: { | |||||
| 19226 | items:2 | |||||
| 19227 | }, | |||||
| 19228 | 768: { | |||||
| 19229 | items:2 | |||||
| 19230 | }, | |||||
| 19231 | 992: { | |||||
| 19232 | items:3 | |||||
| 19233 | }, | |||||
| 19234 | 1200: { | |||||
| 19235 | items:3 | |||||
| 19236 | } | |||||
| 19237 | } | |||||
| 19238 | }); | |||||
| 19239 | }); | |||||
| 19240 | </script> | |||||
| 19241 | </div> | |||||
| 19242 | </div> | |||||
| 19243 | </div> | |||||
| 19244 | <div class="data item title" aria-labeledby="tab-label-tab3-title" data-role="collapsible" id="tab-label-tab3"> | |||||
| 19245 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#tab3" id="tab-label-tab3-title"> | |||||
| 19246 | <span>Best Rating</span> | |||||
| 19247 | </a> | |||||
| 19248 | </div> | |||||
| 19249 | <div class="data item content" id="tab3" data-role="content"> | |||||
| 19250 | <div id="tab3-products" class="porto-products wpb_content_element"> | |||||
| 19251 | <div class="slider-wrapper"> | |||||
| 19252 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="tab1_product" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1" product_count="6" product_type="3" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||||
| 19253 | <script type="text/javascript"> | |||||
| 19254 | require([ | |||||
| 19255 | 'jquery', | |||||
| 19256 | 'owl.carousel/owl.carousel.min' | |||||
| 19257 | ], function ($) { | |||||
| 19258 | $("#tab3-products .owl-carousel").owlCarousel({ | |||||
| 19259 | autoplay: true, | |||||
| 19260 | autoplayTimeout: 5000, | |||||
| 19261 | autoplayHoverPause: true, | |||||
| 19262 | loop: true, | |||||
| 19263 | navRewind: true, | |||||
| 19264 | lazyLoad:true, | |||||
| 19265 | margin: 0, | |||||
| 19266 | nav: true, | |||||
| 19267 | dots: false, | |||||
| 19268 | responsive: { | |||||
| 19269 | 0: { | |||||
| 19270 | items:2 | |||||
| 19271 | }, | |||||
| 19272 | 640: { | |||||
| 19273 | items:2 | |||||
| 19274 | }, | |||||
| 19275 | 768: { | |||||
| 19276 | items:2 | |||||
| 19277 | }, | |||||
| 19278 | 992: { | |||||
| 19279 | items:3 | |||||
| 19280 | }, | |||||
| 19281 | 1200: { | |||||
| 19282 | items:3 | |||||
| 19283 | } | |||||
| 19284 | } | |||||
| 19285 | }); | |||||
| 19286 | }); | |||||
| 19287 | </script> | |||||
| 19288 | </div> | |||||
| 19289 | </div> | |||||
| 19290 | </div> | |||||
| 19291 | <div class="data item title" aria-labeledby="tab-label-tab4-title" data-role="collapsible" id="tab-label-tab4"> | |||||
| 19292 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#tab4" id="tab-label-tab4-title"> | |||||
| 19293 | <span>Body</span> | |||||
| 19294 | </a> | |||||
| 19295 | </div> | |||||
| 19296 | <div class="data item content" id="tab4" data-role="content"> | |||||
| 19297 | <div id="tab4-products" class="porto-products wpb_content_element"> | |||||
| 19298 | <div class="slider-wrapper"> | |||||
| 19299 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="tab1_product" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1" product_count="6" product_type="3" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||||
| 19300 | <script type="text/javascript"> | |||||
| 19301 | require([ | |||||
| 19302 | 'jquery', | |||||
| 19303 | 'owl.carousel/owl.carousel.min' | |||||
| 19304 | ], function ($) { | |||||
| 19305 | $("#tab4-products .owl-carousel").owlCarousel({ | |||||
| 19306 | autoplay: true, | |||||
| 19307 | autoplayTimeout: 5000, | |||||
| 19308 | autoplayHoverPause: true, | |||||
| 19309 | loop: true, | |||||
| 19310 | navRewind: true, | |||||
| 19311 | lazyLoad:true, | |||||
| 19312 | margin: 0, | |||||
| 19313 | nav: true, | |||||
| 19314 | dots: false, | |||||
| 19315 | responsive: { | |||||
| 19316 | 0: { | |||||
| 19317 | items:2 | |||||
| 19318 | }, | |||||
| 19319 | 640: { | |||||
| 19320 | items:2 | |||||
| 19321 | }, | |||||
| 19322 | 768: { | |||||
| 19323 | items:2 | |||||
| 19324 | }, | |||||
| 19325 | 992: { | |||||
| 19326 | items:3 | |||||
| 19327 | }, | |||||
| 19328 | 1200: { | |||||
| 19329 | items:3 | |||||
| 19330 | } | |||||
| 19331 | } | |||||
| 19332 | }); | |||||
| 19333 | }); | |||||
| 19334 | </script> | |||||
| 19335 | </div> | |||||
| 19336 | </div> | |||||
| 19337 | </div> | |||||
| 19338 | <div class="data item title" aria-labeledby="tab-label-tab5-title" data-role="collapsible" id="tab-label-tab5"> | |||||
| 19339 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#tab5" id="tab-label-tab5-title"> | |||||
| 19340 | <span>Fragrance</span> | |||||
| 19341 | </a> | |||||
| 19342 | </div> | |||||
| 19343 | <div class="data item content" id="tab5" data-role="content"> | |||||
| 19344 | <div id="tab5-products" class="porto-products wpb_content_element"> | |||||
| 19345 | <div class="slider-wrapper"> | |||||
| 19346 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="tab1_product" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1" product_count="6" product_type="3" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||||
| 19347 | <script type="text/javascript"> | |||||
| 19348 | require([ | |||||
| 19349 | 'jquery', | |||||
| 19350 | 'owl.carousel/owl.carousel.min' | |||||
| 19351 | ], function ($) { | |||||
| 19352 | $("#tab5-products .owl-carousel").owlCarousel({ | |||||
| 19353 | autoplay: true, | |||||
| 19354 | autoplayTimeout: 5000, | |||||
| 19355 | autoplayHoverPause: true, | |||||
| 19356 | loop: true, | |||||
| 19357 | navRewind: true, | |||||
| 19358 | lazyLoad:true, | |||||
| 19359 | margin: 0, | |||||
| 19360 | nav: true, | |||||
| 19361 | dots: false, | |||||
| 19362 | responsive: { | |||||
| 19363 | 0: { | |||||
| 19364 | items:2 | |||||
| 19365 | }, | |||||
| 19366 | 640: { | |||||
| 19367 | items:2 | |||||
| 19368 | }, | |||||
| 19369 | 768: { | |||||
| 19370 | items:2 | |||||
| 19371 | }, | |||||
| 19372 | 992: { | |||||
| 19373 | items:3 | |||||
| 19374 | }, | |||||
| 19375 | 1200: { | |||||
| 19376 | items:3 | |||||
| 19377 | } | |||||
| 19378 | } | |||||
| 19379 | }); | |||||
| 19380 | }); | |||||
| 19381 | </script> | |||||
| 19382 | </div> | |||||
| 19383 | </div> | |||||
| 19384 | </div> | |||||
| 19385 | <div class="data item title" aria-labeledby="tab-label-tab6-title" data-role="collapsible" id="tab-label-tab6"> | |||||
| 19386 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#tab6" id="tab-label-tab6-title"> | |||||
| 19387 | <span>Hair</span> | |||||
| 19388 | </a> | |||||
| 19389 | </div> | |||||
| 19390 | <div class="data item content" id="tab6" data-role="content"> | |||||
| 19391 | <div id="tab6-products" class="porto-products wpb_content_element"> | |||||
| 19392 | <div class="slider-wrapper"> | |||||
| 19393 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="tab1_product" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1" product_count="6" product_type="3" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||||
| 19394 | <script type="text/javascript"> | |||||
| 19395 | require([ | |||||
| 19396 | 'jquery', | |||||
| 19397 | 'owl.carousel/owl.carousel.min' | |||||
| 19398 | ], function ($) { | |||||
| 19399 | $("#tab6-products .owl-carousel").owlCarousel({ | |||||
| 19400 | autoplay: true, | |||||
| 19401 | autoplayTimeout: 5000, | |||||
| 19402 | autoplayHoverPause: true, | |||||
| 19403 | loop: true, | |||||
| 19404 | navRewind: true, | |||||
| 19405 | lazyLoad:true, | |||||
| 19406 | margin: 0, | |||||
| 19407 | nav: true, | |||||
| 19408 | dots: false, | |||||
| 19409 | responsive: { | |||||
| 19410 | 0: { | |||||
| 19411 | items:2 | |||||
| 19412 | }, | |||||
| 19413 | 640: { | |||||
| 19414 | items:2 | |||||
| 19415 | }, | |||||
| 19416 | 768: { | |||||
| 19417 | items:2 | |||||
| 19418 | }, | |||||
| 19419 | 992: { | |||||
| 19420 | items:3 | |||||
| 19421 | }, | |||||
| 19422 | 1200: { | |||||
| 19423 | items:3 | |||||
| 19424 | } | |||||
| 19425 | } | |||||
| 19426 | }); | |||||
| 19427 | }); | |||||
| 19428 | </script> | |||||
| 19429 | </div> | |||||
| 19430 | </div> | |||||
| 19431 | </div> | |||||
| 19432 | <div class="data item title" aria-labeledby="tab-label-tab7-title" data-role="collapsible" id="tab-label-tab7"> | |||||
| 19433 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#tab7" id="tab-label-tab7-title"> | |||||
| 19434 | <span>Makeup</span> | |||||
| 19435 | </a> | |||||
| 19436 | </div> | |||||
| 19437 | <div class="data item content" id="tab7" data-role="content"> | |||||
| 19438 | <div id="tab7-products" class="porto-products wpb_content_element"> | |||||
| 19439 | <div class="slider-wrapper"> | |||||
| 19440 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="tab1_product" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1" product_count="6" product_type="3" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||||
| 19441 | <script type="text/javascript"> | |||||
| 19442 | require([ | |||||
| 19443 | 'jquery', | |||||
| 19444 | 'owl.carousel/owl.carousel.min' | |||||
| 19445 | ], function ($) { | |||||
| 19446 | $("#tab7-products .owl-carousel").owlCarousel({ | |||||
| 19447 | autoplay: true, | |||||
| 19448 | autoplayTimeout: 5000, | |||||
| 19449 | autoplayHoverPause: true, | |||||
| 19450 | loop: true, | |||||
| 19451 | navRewind: true, | |||||
| 19452 | lazyLoad:true, | |||||
| 19453 | margin: 0, | |||||
| 19454 | nav: true, | |||||
| 19455 | dots: false, | |||||
| 19456 | responsive: { | |||||
| 19457 | 0: { | |||||
| 19458 | items:2 | |||||
| 19459 | }, | |||||
| 19460 | 640: { | |||||
| 19461 | items:2 | |||||
| 19462 | }, | |||||
| 19463 | 768: { | |||||
| 19464 | items:2 | |||||
| 19465 | }, | |||||
| 19466 | 992: { | |||||
| 19467 | items:3 | |||||
| 19468 | }, | |||||
| 19469 | 1200: { | |||||
| 19470 | items:3 | |||||
| 19471 | } | |||||
| 19472 | } | |||||
| 19473 | }); | |||||
| 19474 | }); | |||||
| 19475 | </script> | |||||
| 19476 | </div> | |||||
| 19477 | </div> | |||||
| 19478 | </div> | |||||
| 19479 | <div class="data item title" aria-labeledby="tab-label-tab8-title" data-role="collapsible" id="tab-label-tab8"> | |||||
| 19480 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#tab8" id="tab-label-tab8-title"> | |||||
| 19481 | <span>Skincare</span> | |||||
| 19482 | </a> | |||||
| 19483 | </div> | |||||
| 19484 | <div class="data item content" id="tab8" data-role="content"> | |||||
| 19485 | <div id="tab8-products" class="porto-products wpb_content_element"> | |||||
| 19486 | <div class="slider-wrapper"> | |||||
| 19487 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="tab1_product" extra_class="nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1" product_count="6" product_type="3" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||||
| 19488 | <script type="text/javascript"> | |||||
| 19489 | require([ | |||||
| 19490 | 'jquery', | |||||
| 19491 | 'owl.carousel/owl.carousel.min' | |||||
| 19492 | ], function ($) { | |||||
| 19493 | $("#tab8-products .owl-carousel").owlCarousel({ | |||||
| 19494 | autoplay: true, | |||||
| 19495 | autoplayTimeout: 5000, | |||||
| 19496 | autoplayHoverPause: true, | |||||
| 19497 | loop: true, | |||||
| 19498 | navRewind: true, | |||||
| 19499 | lazyLoad:true, | |||||
| 19500 | margin: 0, | |||||
| 19501 | nav: true, | |||||
| 19502 | dots: false, | |||||
| 19503 | responsive: { | |||||
| 19504 | 0: { | |||||
| 19505 | items:2 | |||||
| 19506 | }, | |||||
| 19507 | 640: { | |||||
| 19508 | items:2 | |||||
| 19509 | }, | |||||
| 19510 | 768: { | |||||
| 19511 | items:2 | |||||
| 19512 | }, | |||||
| 19513 | 992: { | |||||
| 19514 | items:3 | |||||
| 19515 | }, | |||||
| 19516 | 1200: { | |||||
| 19517 | items:3 | |||||
| 19518 | } | |||||
| 19519 | } | |||||
| 19520 | }); | |||||
| 19521 | }); | |||||
| 19522 | </script> | |||||
| 19523 | </div> | |||||
| 19524 | </div> | |||||
| 19525 | </div> | |||||
| 19526 | </div> | |||||
| 19527 | </div> | |||||
| 19528 | <h2 style="font-size: 2.125rem; line-height: 1;" class="vc_custom_heading mb-2 align-left"> | |||||
| 19529 | Shop by Brands | |||||
| 19530 | </h2> | |||||
| 19531 | <h5 style="font-size: 1rem; color: rgb(119, 119, 119); line-height: 1.2; font-weight: 300; letter-spacing: -0.025em;border-bottom: 1px #e7e7e7 solid;" class="vc_custom_heading mb-2 pb-4 align-left"> | |||||
| 19532 | Only the best seller products added recently in our catalog | |||||
| 19533 | </h5> | |||||
| 19534 | <div class="porto-carousel brand-carousel owl-carousel mb-5"> | |||||
| 19535 | <div class="item"> | |||||
| 19536 | <div class="p-t-md p-b-md" style="border: 4px solid #e7e7e7;"> | |||||
| 19537 | <img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand1.png"}}" alt="" /> | |||||
| 19538 | </div> | |||||
| 19539 | </div> | |||||
| 19540 | <div class="item"> | |||||
| 19541 | <div class="p-t-md p-b-md" style="border: 4px solid #e7e7e7;"> | |||||
| 19542 | <img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand2.png"}}" alt="" /> | |||||
| 19543 | </div> | |||||
| 19544 | </div> | |||||
| 19545 | <div class="item"> | |||||
| 19546 | <div class="p-t-md p-b-md" style="border: 4px solid #e7e7e7;"> | |||||
| 19547 | <img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand3.png"}}" alt="" /> | |||||
| 19548 | </div> | |||||
| 19549 | </div> | |||||
| 19550 | <div class="item"> | |||||
| 19551 | <div class="p-t-md p-b-md" style="border: 4px solid #e7e7e7;"> | |||||
| 19552 | <img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand4.png"}}" alt="" /> | |||||
| 19553 | </div> | |||||
| 19554 | </div> | |||||
| 19555 | <div class="item"> | |||||
| 19556 | <div class="p-t-md p-b-md" style="border: 4px solid #e7e7e7;"> | |||||
| 19557 | <img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand5.png"}}" alt="" /> | |||||
| 19558 | </div> | |||||
| 19559 | </div> | |||||
| 19560 | <div class="item"> | |||||
| 19561 | <div class="p-t-md p-b-md" style="border: 4px solid #e7e7e7;"> | |||||
| 19562 | <img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand6.png"}}" alt="" /> | |||||
| 19563 | </div> | |||||
| 19564 | </div> | |||||
| 19565 | </div> | |||||
| 19566 | <style> | |||||
| 19567 | .brand-carousel .owl-stage-outer { | |||||
| 19568 | padding: 1rem; | |||||
| 19569 | margin: 0 -1rem!important; | |||||
| 19570 | } | |||||
| 19571 | </style> | |||||
| 19572 | <script type="text/javascript"> | |||||
| 19573 | require([ | |||||
| 19574 | 'jquery', | |||||
| 19575 | 'owl.carousel/owl.carousel.min' | |||||
| 19576 | ], function ($) { | |||||
| 19577 | $(".brand-carousel.owl-carousel").owlCarousel({ | |||||
| 19578 | autoplay: false, | |||||
| 19579 | autoplayTimeout: 5000, | |||||
| 19580 | autoplayHoverPause: true, | |||||
| 19581 | loop: false, | |||||
| 19582 | navRewind: true, | |||||
| 19583 | lazyLoad:true, | |||||
| 19584 | margin: 20, | |||||
| 19585 | nav: false, | |||||
| 19586 | dots: false, | |||||
| 19587 | responsive: { | |||||
| 19588 | 0: { | |||||
| 19589 | items:2 | |||||
| 19590 | }, | |||||
| 19591 | 640: { | |||||
| 19592 | items:3 | |||||
| 19593 | }, | |||||
| 19594 | 768: { | |||||
| 19595 | items:3 | |||||
| 19596 | }, | |||||
| 19597 | 992: { | |||||
| 19598 | items:4 | |||||
| 19599 | }, | |||||
| 19600 | 1200: { | |||||
| 19601 | items:6 | |||||
| 19602 | } | |||||
| 19603 | } | |||||
| 19604 | }); | |||||
| 19605 | }); | |||||
| 19606 | </script> | |||||
| 19607 | </div> | |||||
| 19608 | </div> | |||||
| 19609 | </div> | |||||
| 19610 | </div> | |||||
| 19611 | </div> | |||||
| 19612 | <div class="vc_row wpb_row section-review vc_row-has-fill porto-inner-container" | |||||
| 19613 | style="background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/32/shop32_review_bg_text.png"}}'); | |||||
| 19614 | padding-top: 80px; | |||||
| 19615 | padding-bottom: 60px; | |||||
| 19616 | background-color: #f7e1e8; | |||||
| 19617 | background-position: 50% calc(100% + 4.5vw); | |||||
| 19618 | background-repeat: no-repeat; | |||||
| 19619 | background-size: 92% auto;"> | |||||
| 19620 | <div class="porto-wrap-container container"> | |||||
| 19621 | <div class="row"> | |||||
| 19622 | <div class="vc_column_container col-md-12"> | |||||
| 19623 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 19624 | <style> | |||||
| 19625 | .owl-carousel.dots-style-1 .owl-dots span, .products-slider.owl-carousel .owl-dot span { | |||||
| 19626 | border-color: #222529; | |||||
| 19627 | } | |||||
| 19628 | .owl-carousel.dots-style-1 .owl-dots span { | |||||
| 19629 | margin: 2px; | |||||
| 19630 | } | |||||
| 19631 | .porto-vc-testimonial blockquote, .testimonial blockquote, .testimonial blockquote p { | |||||
| 19632 | font-family: Playfair Display,Georgia,serif; | |||||
| 19633 | } | |||||
| 19634 | .testimonial blockquote p { | |||||
| 19635 | font-size: 1.375rem; | |||||
| 19636 | line-height: 1.4; | |||||
| 19637 | font-style: italic; | |||||
| 19638 | } | |||||
| 19639 | .testimonial blockquote p:before { | |||||
| 19640 | content: '“'; | |||||
| 19641 | font-size: 250%; | |||||
| 19642 | margin-right: .5rem; | |||||
| 19643 | } | |||||
| 19644 | .testimonial.testimonial-style-2 .testimonial-author { | |||||
| 19645 | margin: 0; | |||||
| 19646 | } | |||||
| 19647 | .testimonial.testimonial-style-2 .testimonial-author p { | |||||
| 19648 | text-align: center; | |||||
| 19649 | padding: 0; | |||||
| 19650 | margin: 0; | |||||
| 19651 | } | |||||
| 19652 | .testimonial .testimonial-author strong { | |||||
| 19653 | font-size: 1.125rem; | |||||
| 19654 | letter-spacing: -.025em; | |||||
| 19655 | font-weight: 300; | |||||
| 19656 | color: #555; | |||||
| 19657 | } | |||||
| 19658 | .testimonial .testimonial-author strong:before { | |||||
| 19659 | content: '-'; | |||||
| 19660 | margin-right: .25rem; | |||||
| 19661 | } | |||||
| 19662 | </style> | |||||
| 19663 | <h2 style="font-size: 2.125rem; line-height: 1; text-align: center;" class="vc_custom_heading mb-2">Clients Reviews</h2> | |||||
| 19664 | <h5 style="font-size: 1rem; color: #777777; line-height: 1.2; text-align: center; font-weight: 300; letter-spacing: -0.025em;" class="vc_custom_heading mb-0">Only the best seller products added recently in our catalog</h5> | |||||
| 19665 | <div class="testimonial-carousel owl-carousel dots-style-1 stage-margin nav-pos-outside nav-style-4 show-nav-hover"> | |||||
| 19666 | <div class="porto-testimonial wpb_content_element"> | |||||
| 19667 | <div class="testimonial testimonial-style-2 testimonial-no-borders testimonial-transparent-background"> | |||||
| 19668 | <blockquote style="color: #222529;"><p>I really love it. At first it does feel strange and a little sore after! But keep it up (I use morning and night) and my skin feels great.</p></blockquote> | |||||
| 19669 | <div class="testimonial-author clearfix"> | |||||
| 19670 | <p><strong>Mary Doe</strong><span></span></p> | |||||
| 19671 | </div> | |||||
| 19672 | </div> | |||||
| 19673 | </div> | |||||
| 19674 | <div class="porto-testimonial wpb_content_element"> | |||||
| 19675 | <div class="testimonial testimonial-style-2 testimonial-no-borders testimonial-transparent-background"> | |||||
| 19676 | <blockquote style="color: #222529;"><p>I really love it. At first it does feel strange and a little sore after! But keep it up (I use morning and night) and my skin feels great.</p></blockquote> | |||||
| 19677 | <div class="testimonial-author clearfix"> | |||||
| 19678 | <p><strong>Mary Doe</strong><span></span></p> | |||||
| 19679 | </div> | |||||
| 19680 | </div> | |||||
| 19681 | </div> | |||||
| 19682 | </div> | |||||
| 19683 | <script type="text/javascript"> | |||||
| 19684 | require([ | |||||
| 19685 | 'jquery', | |||||
| 19686 | 'owl.carousel/owl.carousel.min' | |||||
| 19687 | ], function ($) { | |||||
| 19688 | $(".testimonial-carousel.owl-carousel").owlCarousel({ | |||||
| 19689 | items: 1, | |||||
| 19690 | autoplay: false, | |||||
| 19691 | autoplayTimeout: 5000, | |||||
| 19692 | autoplayHoverPause: true, | |||||
| 19693 | loop: true, | |||||
| 19694 | navRewind: true, | |||||
| 19695 | lazyLoad:true, | |||||
| 19696 | margin: 0, | |||||
| 19697 | stagePadding: 40, | |||||
| 19698 | nav: true, | |||||
| 19699 | dots: true | |||||
| 19700 | }); | |||||
| 19701 | }); | |||||
| 19702 | </script> | |||||
| 19703 | </div> | |||||
| 19704 | </div> | |||||
| 19705 | </div> | |||||
| 19706 | </div> | |||||
| 19707 | </div> | |||||
| 19708 | <div class="vc_row wpb_row py-5 porto-inner-container"> | |||||
| 19709 | <div class="porto-wrap-container container"> | |||||
| 19710 | <div class="row"> | |||||
| 19711 | <div class="vc_column_container col-md-12"> | |||||
| 19712 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 19713 | <style> | |||||
| 19714 | .home-mid-banner>img { | |||||
| 19715 | object-position: left; | |||||
| 19716 | } | |||||
| 19717 | .porto-ibanner-layer { | |||||
| 19718 | position: absolute; | |||||
| 19719 | z-index: 10; | |||||
| 19720 | } | |||||
| 19721 | .home-mid-banner small { | |||||
| 19722 | font-family: Poppins; | |||||
| 19723 | font-size: 20%; | |||||
| 19724 | letter-spacing: -.02em; | |||||
| 19725 | font-weight: 700; | |||||
| 19726 | vertical-align: text-bottom; | |||||
| 19727 | position: relative; | |||||
| 19728 | top: -.375em; | |||||
| 19729 | } | |||||
| 19730 | sup { | |||||
| 19731 | top: -.5em; | |||||
| 19732 | } | |||||
| 19733 | .home-mid-banner small sub { | |||||
| 19734 | bottom: -.5em; | |||||
| 19735 | } | |||||
| 19736 | .porto-ibanner-layer .btn-modern.btn-lg { | |||||
| 19737 | font-size: .875em; | |||||
| 19738 | padding: 1.375em 3.65em; | |||||
| 19739 | } | |||||
| 19740 | </style> | |||||
| 19741 | <h2 style="font-size: 2.125rem; line-height: 1;" class="vc_custom_heading mb-2 align-left">Best Selling Products</h2> | |||||
| 19742 | <h5 style="font-size: 1rem; color: #777777; line-height: 1.2; font-weight: 300; letter-spacing: -0.025em;border-bottom: 1px solid #e7e7e7;" class="vc_custom_heading m-b-md pb-4 align-left"> | |||||
| 19743 | Only the best seller products added recently in our catalog | |||||
| 19744 | </h5> | |||||
| 19745 | <div class="vc_row wpb_row vc_inner row"> | |||||
| 19746 | <div class="vc_column_container col-md-6"> | |||||
| 19747 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 19748 | <div class="porto-ibanner home-mid-banner m-b-md" style="background: #f4f4f4; min-height: 320px;"> | |||||
| 19749 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/32/shop32_mid_banner.png"}}" /> | |||||
| 19750 | <div class="porto-ibanner-desc no-padding d-flex"> | |||||
| 19751 | <div class="porto-ibanner-layer" style="right: 12%; top: 50%; transform: translateY(-50%);"> | |||||
| 19752 | <h3 style="font-size: 1.5em; line-height: 1; font-weight: 600; letter-spacing: 0.2em;margin-right: -.2em;" class="vc_custom_heading mb-0 align-right">FRAGRANCE OFFERS</h3> | |||||
| 19753 | <h4 style="font-size: 9.375em; line-height: 1; font-weight: 700;margin-right: 0.06em;" class="vc_custom_heading custom-font1 mb-0 align-right"> | |||||
| 19754 | <small><sup>UP</sup><sub>TO</sub></small><i>45%</i> | |||||
| 19755 | </h4> | |||||
| 19756 | <h6 style="font-size: 2.5em; line-height: 1; font-weight: 700; letter-spacing: -0.02em;margin-top: -.65em;" class="vc_custom_heading mb-4 pb-2 align-right">OFF</h6> | |||||
| 19757 | <div class="btn-container pt-1 text-right"><a class="vc_btn3 vc_btn3-shape-default btn btn-modern btn-lg btn-dark" href="#" title="">shop now</a></div> | |||||
| 19758 | </div> | |||||
| 19759 | </div> | |||||
| 19760 | </div> | |||||
| 19761 | </div> | |||||
| 19762 | </div> | |||||
| 19763 | <div class="vc_column_container col-md-6"> | |||||
| 19764 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 19765 | <div id="bestseller-products" class="porto-products wpb_content_element dots-style-1 mb-2"> | |||||
| 19766 | <div class="slider-wrapper"> | |||||
| 19767 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" extra_class="dots-style-1" product_type="3" product_count="4" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||||
| 19768 | <script type="text/javascript"> | |||||
| 19769 | require([ | |||||
| 19770 | 'jquery', | |||||
| 19771 | 'owl.carousel/owl.carousel.min' | |||||
| 19772 | ], function ($) { | |||||
| 19773 | $("#bestseller-products .owl-carousel").owlCarousel({ | |||||
| 19774 | autoplay: false, | |||||
| 19775 | autoplayTimeout: 5000, | |||||
| 19776 | autoplayHoverPause: true, | |||||
| 19777 | loop: true, | |||||
| 19778 | navRewind: true, | |||||
| 19779 | lazyLoad:true, | |||||
| 19780 | margin: 0, | |||||
| 19781 | nav: false, | |||||
| 19782 | dots: true, | |||||
| 19783 | responsive: { | |||||
| 19784 | 0: { | |||||
| 19785 | items:2 | |||||
| 19786 | }, | |||||
| 19787 | 640: { | |||||
| 19788 | items:2 | |||||
| 19789 | }, | |||||
| 19790 | 768: { | |||||
| 19791 | items:2 | |||||
| 19792 | }, | |||||
| 19793 | 992: { | |||||
| 19794 | items:2 | |||||
| 19795 | }, | |||||
| 19796 | 1200: { | |||||
| 19797 | items:2 | |||||
| 19798 | } | |||||
| 19799 | } | |||||
| 19800 | }); | |||||
| 19801 | }); | |||||
| 19802 | </script> | |||||
| 19803 | </div> | |||||
| 19804 | </div> | |||||
| 19805 | </div> | |||||
| 19806 | </div> | |||||
| 19807 | </div> | |||||
| 19808 | </div> | |||||
| 19809 | </div> | |||||
| 19810 | </div> | |||||
| 19811 | </div> | |||||
| 19812 | </div> | |||||
| 19813 | <style> | |||||
| 19814 | .home-banner .pc-pos-r-b { | |||||
| 19815 | position: absolute; | |||||
| 19816 | right: 0; | |||||
| 19817 | bottom: 0; | |||||
| 19818 | margin: 0 .5rem .5rem 0; | |||||
| 19819 | transform: scaleX(-1); | |||||
| 19820 | z-index: 1; | |||||
| 19821 | max-width: 20%; | |||||
| 19822 | } | |||||
| 19823 | .home-banner .pc-pos-l-t { | |||||
| 19824 | position: absolute; | |||||
| 19825 | left: 0; | |||||
| 19826 | top: 0; | |||||
| 19827 | margin: .5rem 0 0 .5rem; | |||||
| 19828 | transform: scaleY(-1); | |||||
| 19829 | z-index: 1; | |||||
| 19830 | max-width: 20%; | |||||
| 19831 | } | |||||
| 19832 | </style> | |||||
| 19833 | <div class="vc_row wpb_row row home-banner no-padding"> | |||||
| 19834 | <div class="vc_column_container col-md-12 col-lg-6" style="background: url({{media url="wysiwyg/smartwave/porto/homepage/32/shop32_img1.jpg"}}) center no-repeat; padding-top: 15em; padding-bottom: 15em; background-color: #f3f3f2;"> | |||||
| 19835 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 19836 | <div class="wpb_single_image wpb_content_element vc_align_center pc-pos-r-b"> | |||||
| 19837 | <div class="wpb_wrapper"> | |||||
| 19838 | <div class="vc_single_image-wrapper vc_box_border_grey"> | |||||
| 19839 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/32/shop32_home_slide1_dots.png"}}" /> | |||||
| 19840 | </div> | |||||
| 19841 | </div> | |||||
| 19842 | </div> | |||||
| 19843 | </div> | |||||
| 19844 | </div> | |||||
| 19845 | <div class="porto-ibanner-layer position-static vc_column_container col-md-12 col-lg-6" style="padding: 6% 6.5%;"> | |||||
| 19846 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 19847 | <h4 style="font-size: 1.125em; line-height: 1; font-weight: 600; letter-spacing: 0.2em;" class="vc_custom_heading mb-1 align-left">Self Care for You</h4> | |||||
| 19848 | <h2 style="font-size: 4.0625em; line-height: 1;" class="vc_custom_heading mb-4 pr-3 align-left">Stay Beauty at Home</h2> | |||||
| 19849 | <p style="font-size: 1.125em; color: #777777; line-height: 1.7; font-weight: 300; letter-spacing: -0.015em;" class="vc_custom_heading mb-5 pb-xl-1 align-left"> | |||||
| 19850 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ullamcorper quam lacus, et suscipit lectus porta efficitur. | |||||
| 19851 | </p> | |||||
| 19852 | <h5 style="font-size: 1em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading pull-left mr-4 mr-xl-5 pr-lg-3 align-left">STARTING AT <em>$<strong>39</strong>99</em></h5> | |||||
| 19853 | <div class="btn-container mb-0 d-inline-block"><button class="vc_btn3 vc_btn3-shape-default btn btn-modern btn-lg btn-dark">Shop Now</button></div> | |||||
| 19854 | </div> | |||||
| 19855 | </div> | |||||
| 19856 | </div> | |||||
| 19857 | <div class="vc_row wpb_row row home-banner no-padding"> | |||||
| 19858 | <div class="order-lg-2 vc_column_container col-md-12 col-lg-6" style="background: url({{media url="wysiwyg/smartwave/porto/homepage/32/shop32_img2.jpg"}}) center no-repeat;padding-top: 15em; padding-bottom: 15em; background-color: #f4dde4;"> | |||||
| 19859 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 19860 | <div class="wpb_single_image wpb_content_element vc_align_center pc-pos-l-t"> | |||||
| 19861 | <div class="wpb_wrapper"> | |||||
| 19862 | <div class="vc_single_image-wrapper vc_box_border_grey"> | |||||
| 19863 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/32/shop32_home_slide1_dots.png"}}" /> | |||||
| 19864 | </div> | |||||
| 19865 | </div> | |||||
| 19866 | </div> | |||||
| 19867 | </div> | |||||
| 19868 | </div> | |||||
| 19869 | <div class="porto-ibanner-layer position-static vc_column_container col-md-12 col-lg-6" style="padding: 6% 6.5%;"> | |||||
| 19870 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 19871 | <h4 style="font-size: 1.125em; line-height: 1; font-weight: 600; letter-spacing: 0.2em;" class="vc_custom_heading mb-1 align-left">Clear and Glowing Skin</h4> | |||||
| 19872 | <h2 style="font-size: 4.0625em; line-height: 1;" class="vc_custom_heading mb-4 pr-3 align-left">Best Face Masks</h2> | |||||
| 19873 | <p style="font-size: 1.125em; color: #777777; line-height: 1.7; font-weight: 300; letter-spacing: -0.015em;" class="vc_custom_heading mb-5 pb-xl-1 align-left"> | |||||
| 19874 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ullamcorper quam lacus, et suscipit lectus porta efficitur. | |||||
| 19875 | </p> | |||||
| 19876 | <h5 style="font-size: 1em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading pull-left mr-4 mr-xl-5 pr-lg-3 align-left">STARTING AT <em>$<strong>39</strong>99</em></h5> | |||||
| 19877 | <div class="btn-container mb-0 d-inline-block"><button class="vc_btn3 vc_btn3-shape-default btn btn-modern btn-lg btn-dark">Shop Now</button></div> | |||||
| 19878 | </div> | |||||
| 19879 | </div> | |||||
| 19880 | </div> | |||||
| 19881 | <div class="vc_row wpb_row pt-3 pt-lg-5 porto-inner-container"> | |||||
| 19882 | <div class="porto-wrap-container container"> | |||||
| 19883 | <div class="row"> | |||||
| 19884 | <div class="vc_column_container col-md-12"> | |||||
| 19885 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 19886 | <div class="porto-carousel owl-carousel home-features mt-lg-3 mb-5"> | |||||
| 19887 | <div class="porto-sicon-box style_1 default-icon"> | |||||
| 19888 | <div class="porto-sicon-default"> | |||||
| 19889 | <div class="porto-just-icon-wrapper porto-icon none" style="color: #222529; font-size: 37px;"><i class="porto-icon-shipping"></i></div> | |||||
| 19890 | </div> | |||||
| 19891 | <div class="porto-sicon-header"> | |||||
| 19892 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1rem; line-height: 1;">FREE SHIPPING & RETURN</h3> | |||||
| 19893 | <p style="font-weight: 300; font-size: 0.8125rem; line-height: 1.4; letter-spacing: 0.001em;">Free shipping on all orders over $99.</p> | |||||
| 19894 | </div> | |||||
| 19895 | </div> | |||||
| 19896 | <div class="porto-sicon-box style_1 default-icon"> | |||||
| 19897 | <div class="porto-sicon-default"> | |||||
| 19898 | <div class="porto-just-icon-wrapper porto-icon none" style="color: #222529; font-size: 37px;"><i class="porto-icon-money"></i></div> | |||||
| 19899 | </div> | |||||
| 19900 | <div class="porto-sicon-header"> | |||||
| 19901 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1rem; line-height: 1;">MONEY BACK GUARANTEE</h3> | |||||
| 19902 | <p style="font-weight: 300; font-size: 0.8125rem; line-height: 1.4; letter-spacing: 0.001em;">100% money back guarantee</p> | |||||
| 19903 | </div> | |||||
| 19904 | </div> | |||||
| 19905 | <div class="porto-sicon-box style_1 default-icon"> | |||||
| 19906 | <div class="porto-sicon-default"> | |||||
| 19907 | <div class="porto-just-icon-wrapper porto-icon none" style="color: #222529; font-size: 37px;"><i class="porto-icon-support"></i></div> | |||||
| 19908 | </div> | |||||
| 19909 | <div class="porto-sicon-header"> | |||||
| 19910 | <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 1rem; line-height: 1;">ONLINE SUPPORT 24/7</h3> | |||||
| 19911 | <p style="font-weight: 300; font-size: 0.8125rem; line-height: 1.4; letter-spacing: 0.001em;">Lorem ipsum dolor sit amet.</p> | |||||
| 19912 | </div> | |||||
| 19913 | </div> | |||||
| 19914 | </div> | |||||
| 19915 | <style> | |||||
| 19916 | .home-features { | |||||
| 19917 | border: 3px solid #e7e7e7; | |||||
| 19918 | border-right-width: 2px; | |||||
| 19919 | padding: 1.5rem 0; | |||||
| 19920 | } | |||||
| 19921 | .home-features .porto-sicon-box { | |||||
| 19922 | justify-content: center; | |||||
| 19923 | border-right: 1px solid #e7e7e7; | |||||
| 19924 | padding: .75rem; | |||||
| 19925 | margin-bottom: 0; | |||||
| 19926 | } | |||||
| 19927 | </style> | |||||
| 19928 | <script type="text/javascript"> | |||||
| 19929 | require([ | |||||
| 19930 | 'jquery', | |||||
| 19931 | 'owl.carousel/owl.carousel.min' | |||||
| 19932 | ], function ($) { | |||||
| 19933 | $(".home-features.owl-carousel").owlCarousel({ | |||||
| 19934 | autoplay: false, | |||||
| 19935 | autoplayTimeout: 5000, | |||||
| 19936 | autoplayHoverPause: true, | |||||
| 19937 | loop: true, | |||||
| 19938 | navRewind: true, | |||||
| 19939 | lazyLoad:true, | |||||
| 19940 | margin: 0, | |||||
| 19941 | nav: false, | |||||
| 19942 | dots: false, | |||||
| 19943 | responsive: { | |||||
| 19944 | 0: { | |||||
| 19945 | items:1 | |||||
| 19946 | }, | |||||
| 19947 | 640: { | |||||
| 19948 | items:2 | |||||
| 19949 | }, | |||||
| 19950 | 768: { | |||||
| 19951 | items:2 | |||||
| 19952 | }, | |||||
| 19953 | 992: { | |||||
| 19954 | items:3 | |||||
| 19955 | }, | |||||
| 19956 | 1200: { | |||||
| 19957 | items:3 | |||||
| 19958 | } | |||||
| 19959 | } | |||||
| 19960 | }); | |||||
| 19961 | }); | |||||
| 19962 | </script> | |||||
| 19963 | <h2 style="font-size: 2.125rem; line-height: 1;" class="vc_custom_heading mb-2 align-left"> | |||||
| 19964 | Everyday Essentials Collection | |||||
| 19965 | </h2> | |||||
| 19966 | <h5 style="font-size: 1rem; color: rgb(119, 119, 119); line-height: 1.2; font-weight: 300; letter-spacing: -0.025em;border-bottom: 1px solid #e7e7e7;" class="vc_custom_heading m-b-md pb-4"> | |||||
| 19967 | Only the best seller products added recently in our catalog | |||||
| 19968 | </h5> | |||||
| 19969 | <div class="porto-products wpb_content_element widget-style mb-5"> | |||||
| 19970 | <style> | |||||
| 19971 | .widget-style .products li.product-item { | |||||
| 19972 | margin-bottom: .25rem; | |||||
| 19973 | } | |||||
| 19974 | .product-item-info.type12 { | |||||
| 19975 | padding: 0; | |||||
| 19976 | } | |||||
| 19977 | .product-item-info.type12 .product-item-photo { | |||||
| 19978 | margin-bottom: 1rem; | |||||
| 19979 | min-height: 90px; | |||||
| 19980 | padding-right: 0; | |||||
| 19981 | flex: 1; | |||||
| 19982 | max-width: 90px; | |||||
| 19983 | } | |||||
| 19984 | .product-item-info.type12 .product-item-details { | |||||
| 19985 | flex: 1; | |||||
| 19986 | padding-left: 1rem; | |||||
| 19987 | max-width: calc(100% - 90px); | |||||
| 19988 | } | |||||
| 19989 | </style> | |||||
| 19990 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_count="8" product_type="12" column_count="4" aspect_ratio="0" image_width="250" image_height="250" template="grid.phtml"}} | |||||
| 19991 | </div> | |||||
| 19992 | </div> | |||||
| 19993 | </div> | |||||
| 19994 | </div> | |||||
| 19995 | </div> | |||||
| 19996 | </div> | |||||
| 19997 | <div class="vc_row wpb_row vc_row-has-fill porto-inner-container" | |||||
| 19998 | style="background-image: url('{{media url="wysiwyg/smartwave/porto/homepage/32/shop32_home_banner2_text.png"}}'); | |||||
| 19999 | padding-top: 80px; | |||||
| 20000 | padding-bottom: 50px; | |||||
| 20001 | background-color: #f7e1e8; | |||||
| 20002 | background-position: center; | |||||
| 20003 | background-repeat: no-repeat; | |||||
| 20004 | background-size: contain;"> | |||||
| 20005 | <style> | |||||
| 20006 | .porto-recent-posts h4 { | |||||
| 20007 | font-size: 1.5rem; | |||||
| 20008 | letter-spacing: -.025em; | |||||
| 20009 | margin-bottom: .5rem; | |||||
| 20010 | font-weight: 600; | |||||
| 20011 | } | |||||
| 20012 | .porto-recent-posts .post-item .post-excerpt { | |||||
| 20013 | font-size: inherit; | |||||
| 20014 | margin: 0; | |||||
| 20015 | } | |||||
| 20016 | .porto-recent-posts .post-item .read-more { | |||||
| 20017 | display: none; | |||||
| 20018 | } | |||||
| 20019 | </style> | |||||
| 20020 | <div class="porto-wrap-container container"> | |||||
| 20021 | <div class="row"> | |||||
| 20022 | <div class="vc_column_container col-md-12"> | |||||
| 20023 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 20024 | <h2 style="font-size: 2.125rem;" class="vc_custom_heading mb-2 align-left"> | |||||
| 20025 | Beuty Inspiration | |||||
| 20026 | </h2> | |||||
| 20027 | <h5 style="font-size: 1rem; color: rgb(119, 119, 119); line-height: 1.2; font-weight: 300; letter-spacing: -0.025em;" class="vc_custom_heading mb-4 align-left"> | |||||
| 20028 | Only the best seller products added recently in our catalog | |||||
| 20029 | </h5> | |||||
| 20030 | <div class="porto-recent-posts wpb_content_element mb-0"> | |||||
| 20031 | <div class="row"> | |||||
| 20032 | <div class="post-carousel porto-carousel owl-carousel" style="margin-bottom: 32px;"> | |||||
| 20033 | {{widget type="Magefan\Blog\Block\Widget\Recent" number_of_posts="4" custom_template="recent_home.phtml"}} | |||||
| 20034 | </div> | |||||
| 20035 | <script type="text/javascript"> | |||||
| 20036 | require([ | |||||
| 20037 | 'jquery', | |||||
| 20038 | 'owl.carousel/owl.carousel.min' | |||||
| 20039 | ], function ($) { | |||||
| 20040 | $(".porto-recent-posts .owl-carousel").owlCarousel({ | |||||
| 20041 | autoplay: false, | |||||
| 20042 | autoplayTimeout: 5000, | |||||
| 20043 | autoplayHoverPause: true, | |||||
| 20044 | loop: false, | |||||
| 20045 | navRewind: true, | |||||
| 20046 | lazyLoad:true, | |||||
| 20047 | margin: 0, | |||||
| 20048 | nav: false, | |||||
| 20049 | dots: false, | |||||
| 20050 | responsive: { | |||||
| 20051 | 0: { | |||||
| 20052 | items:1 | |||||
| 20053 | }, | |||||
| 20054 | 640: { | |||||
| 20055 | items:1 | |||||
| 20056 | }, | |||||
| 20057 | 768: { | |||||
| 20058 | items:1 | |||||
| 20059 | }, | |||||
| 20060 | 992: { | |||||
| 20061 | items:2 | |||||
| 20062 | }, | |||||
| 20063 | 1200: { | |||||
| 20064 | items:2 | |||||
| 20065 | } | |||||
| 20066 | } | |||||
| 20067 | }); | |||||
| 20068 | }); | |||||
| 20069 | </script> | |||||
| 20070 | </div> | |||||
| 20071 | </div> | |||||
| 20072 | </div> | |||||
| 20073 | </div> | |||||
| 20074 | </div> | |||||
| 20075 | </div> | |||||
| 20076 | </div> | |||||
| 20077 | <div class="vc_row wpb_row row no-padding"> | |||||
| 20078 | <div class="vc_column_container col-md-12"> | |||||
| 20079 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 20080 | <style> | |||||
| 20081 | .porto-ibanner-layer { | |||||
| 20082 | position: absolute; | |||||
| 20083 | z-index: 10; | |||||
| 20084 | } | |||||
| 20085 | @media (min-width: 768px) { | |||||
| 20086 | .pc-follow-instagram { | |||||
| 20087 | position: absolute!important; | |||||
| 20088 | left: 50%; | |||||
| 20089 | top: 50%; | |||||
| 20090 | transform: translate3d(-50%,-50%,0); | |||||
| 20091 | height: 76%; | |||||
| 20092 | display: flex!important; | |||||
| 20093 | flex-direction: column; | |||||
| 20094 | justify-content: center; | |||||
| 20095 | z-index: 2; | |||||
| 20096 | white-space: nowrap; | |||||
| 20097 | } | |||||
| 20098 | } | |||||
| 20099 | </style> | |||||
| 20100 | <a class="porto-sicon-box-link" href="#"> | |||||
| 20101 | <div class="porto-sicon-box mb-0 background-color-dark pc-follow-instagram porto-ibanner-layer position-relative style_3 top-icon" style="padding: 1.5rem 5em;"> | |||||
| 20102 | <div class="porto-sicon-top"> | |||||
| 20103 | <div class="porto-just-icon-wrapper porto-icon none" style="color: #ffffff; font-size: 50px;"><i class="fab fa-instagram"></i></div> | |||||
| 20104 | </div> | |||||
| 20105 | <div class="porto-sicon-header"> | |||||
| 20106 | <h2 class="porto-sicon-title" style="font-size: 2.125em; line-height: 1.1; color: #ffffff;">Follow on Instagram</h2> | |||||
| 20107 | <p style="font-weight: 400; font-size: 0.8125em; line-height: 1.8; letter-spacing: 0.005em; color: rgba(255, 255, 255, 0.7);">@portoecommerce</p> | |||||
| 20108 | </div> | |||||
| 20109 | </div> | |||||
| 20110 | </a> | |||||
| 20111 | {{block class="Smartwave\Porto\Block\Template" name="instagram" margin="0" template_type="carousel" desktop="6" tablet="4" mobile="2" template="Smartwave_SocialFeed::instagramphotos.phtml"}} | |||||
| 20112 | </div> | |||||
| 20113 | </div> | |||||
| 20114 | </div> | |||||
| 20115 | ]]> | |||||
| 20116 | </content> | |||||
| 20117 | ||||||
| 20118 | <is_active> | |||||
| 20119 | 1 | |||||
| 20120 | </is_active> | |||||
| 20121 | ||||||
| 20122 | <page_layout> | |||||
| 20123 | 1column | |||||
| 20124 | </page_layout> | |||||
| 20125 | ||||||
| 20126 | <layout_update_xml> | |||||
| 20127 | <![CDATA[]]> | |||||
| 20128 | </layout_update_xml> | |||||
| 20129 | ||||||
| 20130 | </cms_item> | |||||
| 20131 | ||||||
| 20132 | <cms_item> | |||||
| 20133 | ||||||
| 20134 | <title> | |||||
| 20135 | Porto - Homepage 33 | |||||
| 20136 | </title> | |||||
| 20137 | ||||||
| 20138 | <identifier> | |||||
| 20139 | porto_home_33 | |||||
| 20140 | </identifier> | |||||
| 20141 | ||||||
| 20142 | <content> | |||||
| 20143 | <![CDATA[<div class="banner-container my-banner"> | |||||
| 20144 | <div id="banner-wrapper" class=""> | |||||
| 20145 | <div class="porto-block"> | |||||
| 20146 | <style> | |||||
| 20147 | .cms-index-index .page-main { | |||||
| 20148 | max-width: 100% !important; | |||||
| 20149 | padding: 0; | |||||
| 20150 | background: #f4f4f4; | |||||
| 20151 | } | |||||
| 20152 | .bg-white { | |||||
| 20153 | background-color: #fff!important; | |||||
| 20154 | } | |||||
| 20155 | .porto-u-heading .porto-u-main-heading h1, | |||||
| 20156 | .porto-u-heading .porto-u-main-heading h2, | |||||
| 20157 | .porto-u-heading .porto-u-main-heading h3, | |||||
| 20158 | .porto-u-heading .porto-u-main-heading h4, | |||||
| 20159 | .porto-u-heading .porto-u-main-heading h5, | |||||
| 20160 | .porto-u-heading .porto-u-main-heading h6 { | |||||
| 20161 | margin: 0; | |||||
| 20162 | padding: 0; | |||||
| 20163 | line-height: normal; | |||||
| 20164 | } | |||||
| 20165 | .ml-n-2 { | |||||
| 20166 | margin-left: -.2rem; | |||||
| 20167 | } | |||||
| 20168 | .banner-container { | |||||
| 20169 | position: relative; | |||||
| 20170 | z-index: 0; | |||||
| 20171 | margin: 0; | |||||
| 20172 | } | |||||
| 20173 | .banner-container .sale-wrapper strong { | |||||
| 20174 | position: relative; | |||||
| 20175 | margin-left: 0.5rem; | |||||
| 20176 | padding-right: 0.25rem; | |||||
| 20177 | font-weight: 700; | |||||
| 20178 | color: #fff; | |||||
| 20179 | } | |||||
| 20180 | .porto-ibanner { | |||||
| 20181 | margin: 0; | |||||
| 20182 | } | |||||
| 20183 | .porto-ibanner-layer { | |||||
| 20184 | position: absolute; | |||||
| 20185 | z-index: 10; | |||||
| 20186 | } | |||||
| 20187 | .banner-container sup { | |||||
| 20188 | font-size: 33%; | |||||
| 20189 | font-weight: 700; | |||||
| 20190 | color: #222529; | |||||
| 20191 | top: -1.3em; | |||||
| 20192 | margin-right: 16px; | |||||
| 20193 | letter-spacing: -.03em; | |||||
| 20194 | } | |||||
| 20195 | .banner-container .sale-wrapper strong { | |||||
| 20196 | position: relative; | |||||
| 20197 | margin-left: .5rem; | |||||
| 20198 | padding-right: .25rem; | |||||
| 20199 | font-weight: 700; | |||||
| 20200 | color: #fff; | |||||
| 20201 | } | |||||
| 20202 | .sale-text::before, .banner-container .sale-wrapper strong::before { | |||||
| 20203 | content: ''; | |||||
| 20204 | position: absolute; | |||||
| 20205 | top: 9px; | |||||
| 20206 | left: -7px; | |||||
| 20207 | right: 0; | |||||
| 20208 | bottom: 11px; | |||||
| 20209 | width: 2.34722em; | |||||
| 20210 | background-color: #222529; | |||||
| 20211 | z-index: -1; | |||||
| 20212 | transform: rotate(-2deg); | |||||
| 20213 | } | |||||
| 20214 | .custom-font, .custom-font h2 { | |||||
| 20215 | font-family: Segoe Script; | |||||
| 20216 | } | |||||
| 20217 | .custom-text-1 { | |||||
| 20218 | font-size: 2.5em; | |||||
| 20219 | right: .4rem; | |||||
| 20220 | bottom: 0; | |||||
| 20221 | } | |||||
| 20222 | .custom-text-2 { | |||||
| 20223 | color: #ee8379; | |||||
| 20224 | font-size: 1.625em; | |||||
| 20225 | right: 1.2rem; | |||||
| 20226 | bottom: .7rem; | |||||
| 20227 | transform: rotate(-30deg); | |||||
| 20228 | } | |||||
| 20229 | .custom-text-3 { | |||||
| 20230 | font-size: 1.601875em; | |||||
| 20231 | right: 1.68552em; | |||||
| 20232 | bottom: -.6rem; | |||||
| 20233 | } | |||||
| 20234 | .custom-text-1, .custom-text-3 { | |||||
| 20235 | color: #4dae65; | |||||
| 20236 | transform: rotate(-30deg); | |||||
| 20237 | } | |||||
| 20238 | .intro-carousel .owl-nav { | |||||
| 20239 | left: 50%; | |||||
| 20240 | transform: translateX(-50%); | |||||
| 20241 | } | |||||
| 20242 | .owl-carousel.show-nav-middle .owl-nav .owl-next, .owl-carousel.show-nav-middle .owl-nav .owl-prev { | |||||
| 20243 | width: 40px; | |||||
| 20244 | height: 80px; | |||||
| 20245 | font-size: 26px; | |||||
| 20246 | color: #4dae65; | |||||
| 20247 | background-color: #fff; | |||||
| 20248 | border: 1px solid #e9e9e9; | |||||
| 20249 | box-shadow: 0 0 100px 75px rgb(255 255 255 / 60%); | |||||
| 20250 | transition: background-color .3s,color .3s; | |||||
| 20251 | } | |||||
| 20252 | .owl-carousel.show-nav-middle .owl-nav button:hover { | |||||
| 20253 | background-color: #4dae65; | |||||
| 20254 | border-color: #4dae65; | |||||
| 20255 | color: #fff; | |||||
| 20256 | } | |||||
| 20257 | .owl-carousel.show-nav-middle .owl-nav .owl-prev { | |||||
| 20258 | left: -45px; | |||||
| 20259 | } | |||||
| 20260 | .owl-carousel.show-nav-middle .owl-nav .owl-next { | |||||
| 20261 | right: -45px; | |||||
| 20262 | } | |||||
| 20263 | </style> | |||||
| 20264 | <div class="vc_row wpb_row row vc_row-has-fill" style="background-color: #f4f4f4;"> | |||||
| 20265 | <div class="vc_column_container col-md-12"> | |||||
| 20266 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 20267 | <div id="banner-slider-demo-33" class="porto-carousel owl-carousel show-nav-middle intro-carousel"> | |||||
| 20268 | <div class="porto-ibanner" style="background: #d9e2e1; min-height: 400px;"> | |||||
| 20269 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/33/intro-1.jpg"}}" /> | |||||
| 20270 | <div class="porto-ibanner-desc no-padding d-flex"> | |||||
| 20271 | <div class="porto-ibanner-layer" style="left: 20.7%; top: 50%; transform: translateY(-50%);"> | |||||
| 20272 | <div class="porto-u-heading" style="text-align: left;"> | |||||
| 20273 | <div class="porto-u-main-heading"><h2 style="color: #777777; margin-bottom: 8px; font-size: 1.16875em; letter-spacing: 1.87px;">Exclusive Product New Arrival</h2></div> | |||||
| 20274 | </div> | |||||
| 20275 | <div class="porto-u-heading pr-5 mr-2 ml-n-2" style="text-align: left;"> | |||||
| 20276 | <div class="porto-u-main-heading"><h2 style="font-weight: 700; margin-bottom: 13px; font-size: 3.25em; line-height: 1; letter-spacing: 2.6px;">Organic Coffee</h2></div> | |||||
| 20277 | </div> | |||||
| 20278 | <div class="porto-u-heading position-relative" style="text-align: left;"> | |||||
| 20279 | <div class="porto-u-main-heading"><h2 style="font-weight: 500; color: #222529; margin-bottom: 40px; font-size: 2.489375em; line-height: 1; letter-spacing: 4.8px;">SPECIAL BLEND</h2></div> | |||||
| 20280 | <div class="porto-u-sub-heading" style=""><h5 class="ls-0 position-absolute custom-font custom-text-1">Fresh!</h5></div> | |||||
| 20281 | </div> | |||||
| 20282 | <div class="porto-u-heading" style="text-align: right;"> | |||||
| 20283 | <div class="porto-u-main-heading"><h2 style="font-weight: 300; color: #777777; margin-bottom: 5px; font-size: 1.3125em; letter-spacing: 4.1px;">BREAKFAST PRODUCTS ON SALE</h2></div> | |||||
| 20284 | </div> | |||||
| 20285 | <div class="porto-u-heading sale-wrapper pr-2 mb-2 pb-1" style="text-align: right;"> | |||||
| 20286 | <div class="porto-u-main-heading"> | |||||
| 20287 | <h2 style="font-weight: 700; font-size: 4.5em; line-height: 108px; letter-spacing: 1px;"><sup>UP TO</sup><strong>50%</strong></h2> | |||||
| 20288 | </div> | |||||
| 20289 | </div> | |||||
| 20290 | </div> | |||||
| 20291 | </div> | |||||
| 20292 | </div> | |||||
| 20293 | <div class="porto-ibanner" style="min-height: 400px;"> | |||||
| 20294 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/33/intro-2.jpg"}}" /> | |||||
| 20295 | <div class="porto-ibanner-desc no-padding d-flex"> | |||||
| 20296 | <div class="porto-ibanner-layer" style="right: 22.3%; top: 50%; transform: translateY(-50%);"> | |||||
| 20297 | <div class="porto-u-heading" style="text-align: left;"> | |||||
| 20298 | <div class="porto-u-main-heading"><h2 style="color: #777777; margin-bottom: 8px; font-size: 1.16875em; letter-spacing: 1.87px;">Exclusive Product New Arrival</h2></div> | |||||
| 20299 | </div> | |||||
| 20300 | <div class="porto-u-heading pr-5 mr-5 ml-n-1" style="text-align: left;"> | |||||
| 20301 | <div class="porto-u-main-heading"><h2 style="font-weight: 700; margin-bottom: 13px; font-size: 3.25em; line-height: 1; letter-spacing: 2.6px;">Fit Low Carb</h2></div> | |||||
| 20302 | </div> | |||||
| 20303 | <div class="porto-u-heading position-relative" style="text-align: left;"> | |||||
| 20304 | <div class="porto-u-main-heading"><h2 style="font-weight: 500; color: #222529; margin-bottom: 42px; font-size: 2.489375em; line-height: 1; letter-spacing: 4.8px;">CANDY BAR</h2></div> | |||||
| 20305 | <div class="porto-u-sub-heading" style=""><h5 class="ls-0 position-absolute custom-font custom-text-2">Sugar-Free</h5></div> | |||||
| 20306 | </div> | |||||
| 20307 | <div class="porto-u-heading mr-n-4" style="text-align: right;"> | |||||
| 20308 | <div class="porto-u-main-heading"><h2 style="font-weight: 300; color: #777777; margin-bottom: 2px; font-size: 1.3125em; letter-spacing: 4.1px;">BREAKFAST PRODUCTS ON SALE</h2></div> | |||||
| 20309 | </div> | |||||
| 20310 | <div class="porto-u-heading sale-wrapper pr-2" style="text-align: right;"> | |||||
| 20311 | <div class="porto-u-main-heading"> | |||||
| 20312 | <h2 style="font-weight: 700; font-size: 4.5em; line-height: 108px; letter-spacing: 1px;"><sup>UP TO</sup><strong>70%</strong></h2> | |||||
| 20313 | </div> | |||||
| 20314 | </div> | |||||
| 20315 | </div> | |||||
| 20316 | </div> | |||||
| 20317 | </div> | |||||
| 20318 | </div> | |||||
| 20319 | <script type="text/javascript"> | |||||
| 20320 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | |||||
| 20321 | var banner_owl = $("#banner-slider-demo-33"); | |||||
| 20322 | banner_owl.owlCarousel({ | |||||
| 20323 | items: 1, | |||||
| 20324 | autoplay: false, | |||||
| 20325 | autoplayTimeout: 5000, | |||||
| 20326 | autoplayHoverPause: true, | |||||
| 20327 | dots: false, | |||||
| 20328 | nav: true, | |||||
| 20329 | navRewind: true, | |||||
| 20330 | animateIn: "fadeIn", | |||||
| 20331 | animateOut: "fadeOut", | |||||
| 20332 | loop: true, | |||||
| 20333 | lazyLoad: true | |||||
| 20334 | }); | |||||
| 20335 | $(window).load(function(){ | |||||
| 20336 | $(".intro-carousel .owl-nav").width($(".container").width() - 50); | |||||
| 20337 | }) | |||||
| 20338 | banner_owl.on('resized.owl.carousel', function(event) { | |||||
| 20339 | $(".intro-carousel .owl-nav").width($(".container").width() - 50); | |||||
| 20340 | }) | |||||
| 20341 | }); | |||||
| 20342 | </script> | |||||
| 20343 | </div> | |||||
| 20344 | </div> | |||||
| 20345 | </div> | |||||
| 20346 | </div> | |||||
| 20347 | </div> | |||||
| 20348 | </div> | |||||
| 20349 | <div class="container" style="padding-top: 20px;"> | |||||
| 20350 | <div class="vc_row wpb_row row feature-container" style="margin-bottom: 45px; background-color: #ffffff; border-radius: 7px;"> | |||||
| 20351 | <div class="vc_column_container col-md-12"> | |||||
| 20352 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 20353 | <div class="porto-carousel owl-carousel"> | |||||
| 20354 | <div class="porto-sicon-box mb-0 style_2 default-icon" style="padding-top: 25px; padding-left: 27px;"> | |||||
| 20355 | <div class="porto-sicon-default"> | |||||
| 20356 | <div class="porto-just-icon-wrapper porto-icon none" style="color: #4dae65; font-size: 35px;"><i class="porto-icon-shipping"></i></div> | |||||
| 20357 | </div> | |||||
| 20358 | <div class="porto-sicon-header"> | |||||
| 20359 | <h4 class="porto-sicon-title" style="font-weight: 600; font-size: 15px; line-height: 22px; letter-spacing: -0.025em;">FREE SHIPPING & RETURN</h4> | |||||
| 20360 | <p style="font-weight: 300; font-size: 13px; line-height: 22px; letter-spacing: 0.01em;">Free shipping on all orders over $99.</p> | |||||
| 20361 | </div> | |||||
| 20362 | </div> | |||||
| 20363 | <div class="porto-sicon-box mb-0 style_2 default-icon" style="padding-top: 25px; padding-left: 64px;"> | |||||
| 20364 | <div class="porto-sicon-default"> | |||||
| 20365 | <div class="porto-just-icon-wrapper porto-icon none" style="color: #4dae65; font-size: 37px;"><i class="porto-icon-money"></i></div> | |||||
| 20366 | </div> | |||||
| 20367 | <div class="porto-sicon-header"> | |||||
| 20368 | <h4 class="porto-sicon-title" style="font-weight: 600; font-size: 15px; line-height: 22px; letter-spacing: -0.025em;">MONEY BACK GUARANTEE</h4> | |||||
| 20369 | <p style="font-weight: 300; font-size: 13px; line-height: 22px; letter-spacing: 0.01em;">100% money back guarantee</p> | |||||
| 20370 | </div> | |||||
| 20371 | </div> | |||||
| 20372 | <div class="porto-sicon-box mb-0 style_2 default-icon" style="padding-top: 25px; padding-left: 64px;"> | |||||
| 20373 | <div class="porto-sicon-default"> | |||||
| 20374 | <div class="porto-just-icon-wrapper porto-icon none" style="color: #4dae65; font-size: 37px;"><i class="porto-icon-support"></i></div> | |||||
| 20375 | </div> | |||||
| 20376 | <div class="porto-sicon-header"> | |||||
| 20377 | <h4 class="porto-sicon-title" style="font-weight: 600; font-size: 15px; line-height: 22px; letter-spacing: -0.025em;">ONLINE SUPPORT 24/7</h4> | |||||
| 20378 | <p style="font-weight: 300; font-size: 13px; line-height: 22px; letter-spacing: 0.01em;">Lorem ipsum dolor sit amet.</p> | |||||
| 20379 | </div> | |||||
| 20380 | </div> | |||||
| 20381 | <div class="porto-sicon-box mb-0 style_2 default-icon" style="padding-top: 25px; padding-left: 64px;"> | |||||
| 20382 | <div class="porto-sicon-default"> | |||||
| 20383 | <div class="porto-just-icon-wrapper porto-icon none" style="color: #4dae65; font-size: 37px;"><i class="porto-icon-secure-payment"></i></div> | |||||
| 20384 | </div> | |||||
| 20385 | <div class="porto-sicon-header"> | |||||
| 20386 | <h4 class="porto-sicon-title" style="font-weight: 600; font-size: 15px; line-height: 22px; letter-spacing: -0.025em;">SECURE PAYMENT</h4> | |||||
| 20387 | <p style="font-weight: 300; font-size: 13px; line-height: 22px; letter-spacing: 0.01em;">Lorem ipsum dolor sit amet.</p> | |||||
| 20388 | </div> | |||||
| 20389 | </div> | |||||
| 20390 | </div> | |||||
| 20391 | <script type="text/javascript"> | |||||
| 20392 | require([ | |||||
| 20393 | 'jquery', | |||||
| 20394 | 'owl.carousel/owl.carousel.min' | |||||
| 20395 | ], function ($) { | |||||
| 20396 | $(".feature-container .owl-carousel").owlCarousel({ | |||||
| 20397 | autoplay: false, | |||||
| 20398 | autoplayTimeout: 5000, | |||||
| 20399 | autoplayHoverPause: true, | |||||
| 20400 | loop: false, | |||||
| 20401 | navRewind: true, | |||||
| 20402 | lazyLoad:true, | |||||
| 20403 | margin: 0, | |||||
| 20404 | nav: false, | |||||
| 20405 | dots: false, | |||||
| 20406 | responsive: { | |||||
| 20407 | 0: { | |||||
| 20408 | items:1 | |||||
| 20409 | }, | |||||
| 20410 | 640: { | |||||
| 20411 | items:2 | |||||
| 20412 | }, | |||||
| 20413 | 768: { | |||||
| 20414 | items:2 | |||||
| 20415 | }, | |||||
| 20416 | 992: { | |||||
| 20417 | items:4 | |||||
| 20418 | }, | |||||
| 20419 | 1200: { | |||||
| 20420 | items:4 | |||||
| 20421 | } | |||||
| 20422 | } | |||||
| 20423 | }); | |||||
| 20424 | }); | |||||
| 20425 | </script> | |||||
| 20426 | </div> | |||||
| 20427 | </div> | |||||
| 20428 | </div> | |||||
| 20429 | </div> | |||||
| 20430 | <div class="container"> | |||||
| 20431 | <div class="vc_row wpb_row row" style="margin-bottom: 20px;"> | |||||
| 20432 | <div class="vc_column_container col-md-12"> | |||||
| 20433 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 20434 | <div class="porto-u-heading"style="text-align: left;"> | |||||
| 20435 | <div class="porto-u-main-heading"><h2 style="font-weight: 700; margin-bottom: 2px; font-size: 22px; line-height: 22px;">Popular Departments</h2></div> | |||||
| 20436 | <div class="porto-u-sub-heading" style="line-height: 22px; letter-spacing: -0.03em;">Products From These Categories Often Buy</div> | |||||
| 20437 | </div> | |||||
| 20438 | <style> | |||||
| 20439 | ul.products .product-col { | |||||
| 20440 | margin-bottom: 1.4286em; | |||||
| 20441 | } | |||||
| 20442 | ul.products li.product-category .thumb-info-wrapper:after { | |||||
| 20443 | background-color: rgba(27, 27, 23, 0); | |||||
| 20444 | } | |||||
| 20445 | ul.products li.product-category:hover .thumb-info-wrapper:after { | |||||
| 20446 | background-color: rgba(27, 27, 23, 0.15); | |||||
| 20447 | } | |||||
| 20448 | .thumb-info .thumb-info-wrapper { | |||||
| 20449 | border-radius: 4px; | |||||
| 20450 | } | |||||
| 20451 | .category-container .products .sub-title { | |||||
| 20452 | text-transform: none; | |||||
| 20453 | font-size: 18px; | |||||
| 20454 | letter-spacing: -.025em!important; | |||||
| 20455 | line-height: 26px; | |||||
| 20456 | font-weight: 600!important; | |||||
| 20457 | } | |||||
| 20458 | .category-container .products .thumb-info-type { | |||||
| 20459 | font-size: 13px; | |||||
| 20460 | letter-spacing: -.02em; | |||||
| 20461 | line-height: 22px; | |||||
| 20462 | text-transform: none; | |||||
| 20463 | } | |||||
| 20464 | .porto-u-heading { | |||||
| 20465 | margin-bottom: 17px; | |||||
| 20466 | } | |||||
| 20467 | .products-slider.owl-carousel .owl-stage-outer { | |||||
| 20468 | padding-top: 10px; | |||||
| 20469 | margin-top: -10px; | |||||
| 20470 | } | |||||
| 20471 | </style> | |||||
| 20472 | <div class="category-slider porto-products wpb_content_element category-container mb-0"> | |||||
| 20473 | <div class="slider-wrapper"> | |||||
| 20474 | <ul class="products products-container products-slider owl-carousel category-pos-middle category-text-left category-color-dark show-nav-middle"> | |||||
| 20475 | <li class="product-category product-col"> | |||||
| 20476 | <a href="#"> | |||||
| 20477 | <div class="thumb-info align-center"> | |||||
| 20478 | <div class="thumb-info-wrapper tf-none"> | |||||
| 20479 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/33/cat-3.png"}}" /> | |||||
| 20480 | </div> | |||||
| 20481 | <div class="thumb-info-wrap"> | |||||
| 20482 | <div class="thumb-info-title"> | |||||
| 20483 | <h3 class="sub-title thumb-info-inner">Cooking</h3> | |||||
| 20484 | <span class="thumb-info-type"><mark class="count">4</mark> Products </span> | |||||
| 20485 | </div> | |||||
| 20486 | </div> | |||||
| 20487 | </div> | |||||
| 20488 | </a> | |||||
| 20489 | </li> | |||||
| 20490 | <li class="product-category product-col"> | |||||
| 20491 | <a href="#"> | |||||
| 20492 | <div class="thumb-info align-center"> | |||||
| 20493 | <div class="thumb-info-wrapper tf-none"> | |||||
| 20494 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/33/cat-2.png"}}" /> | |||||
| 20495 | </div> | |||||
| 20496 | <div class="thumb-info-wrap"> | |||||
| 20497 | <div class="thumb-info-title"> | |||||
| 20498 | <h3 class="sub-title thumb-info-inner">Fruits</h3> | |||||
| 20499 | <span class="thumb-info-type"><mark class="count">10</mark> Products </span> | |||||
| 20500 | </div> | |||||
| 20501 | </div> | |||||
| 20502 | </div> | |||||
| 20503 | </a> | |||||
| 20504 | </li> | |||||
| 20505 | <li class="product-category product-col"> | |||||
| 20506 | <a href="#"> | |||||
| 20507 | <div class="thumb-info align-center"> | |||||
| 20508 | <div class="thumb-info-wrapper tf-none"> | |||||
| 20509 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/33/cat-1.png"}}" /> | |||||
| 20510 | </div> | |||||
| 20511 | <div class="thumb-info-wrap"> | |||||
| 20512 | <div class="thumb-info-title"> | |||||
| 20513 | <h3 class="sub-title thumb-info-inner">Vegetables</h3> | |||||
| 20514 | <span class="thumb-info-type"><mark class="count">1</mark> Products </span> | |||||
| 20515 | </div> | |||||
| 20516 | </div> | |||||
| 20517 | </div> | |||||
| 20518 | </a> | |||||
| 20519 | </li> | |||||
| 20520 | <li class="product-category product-col"> | |||||
| 20521 | <a href="#"> | |||||
| 20522 | <div class="thumb-info align-center"> | |||||
| 20523 | <div class="thumb-info-wrapper tf-none"> | |||||
| 20524 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/33/cat-4.png"}}" /> | |||||
| 20525 | </div> | |||||
| 20526 | <div class="thumb-info-wrap"> | |||||
| 20527 | <div class="thumb-info-title"> | |||||
| 20528 | <h3 class="sub-title thumb-info-inner">Breakfast</h3> | |||||
| 20529 | <span class="thumb-info-type"><mark class="count">8</mark> Products </span> | |||||
| 20530 | </div> | |||||
| 20531 | </div> | |||||
| 20532 | </div> | |||||
| 20533 | </a> | |||||
| 20534 | </li> | |||||
| 20535 | </ul> | |||||
| 20536 | <script type="text/javascript"> | |||||
| 20537 | require([ | |||||
| 20538 | 'jquery', | |||||
| 20539 | 'owl.carousel/owl.carousel.min' | |||||
| 20540 | ], function ($) { | |||||
| 20541 | $(".category-slider .owl-carousel").owlCarousel({ | |||||
| 20542 | autoplay: false, | |||||
| 20543 | autoplayTimeout: 5000, | |||||
| 20544 | autoplayHoverPause: true, | |||||
| 20545 | loop: false, | |||||
| 20546 | navRewind: true, | |||||
| 20547 | lazyLoad:true, | |||||
| 20548 | margin: 0, | |||||
| 20549 | nav: false, | |||||
| 20550 | dots: false, | |||||
| 20551 | responsive: { | |||||
| 20552 | 0: { | |||||
| 20553 | items:1 | |||||
| 20554 | }, | |||||
| 20555 | 640: { | |||||
| 20556 | items:2 | |||||
| 20557 | }, | |||||
| 20558 | 768: { | |||||
| 20559 | items:2 | |||||
| 20560 | }, | |||||
| 20561 | 992: { | |||||
| 20562 | items:3 | |||||
| 20563 | }, | |||||
| 20564 | 1200: { | |||||
| 20565 | items:4 | |||||
| 20566 | } | |||||
| 20567 | } | |||||
| 20568 | }); | |||||
| 20569 | }); | |||||
| 20570 | </script> | |||||
| 20571 | </div> | |||||
| 20572 | </div> | |||||
| 20573 | </div> | |||||
| 20574 | </div> | |||||
| 20575 | </div> | |||||
| 20576 | </div> | |||||
| 20577 | <div class="container"> | |||||
| 20578 | <div class="vc_row wpb_row row"> | |||||
| 20579 | <div class="vc_column_container col-md-12"> | |||||
| 20580 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 20581 | <div class="porto-u-heading" style="text-align: left;"> | |||||
| 20582 | <div class="porto-u-main-heading"><h2 style="font-weight: 700; margin-bottom: 2px; font-size: 22px; line-height: 22px;">Most Popular</h2></div> | |||||
| 20583 | <div class="porto-u-sub-heading" style="line-height: 22px; letter-spacing: -0.03em;">All our new arrivals in a exclusive brand selection</div> | |||||
| 20584 | </div> | |||||
| 20585 | <style> | |||||
| 20586 | .tabs.tabs-simple { | |||||
| 20587 | padding: 30px 32px 27px 32px; | |||||
| 20588 | } | |||||
| 20589 | .product.data.items > .item.title { | |||||
| 20590 | color: #333; | |||||
| 20591 | border-bottom-width: 1px; | |||||
| 20592 | font-size: .8125rem; | |||||
| 20593 | font-weight: 400; | |||||
| 20594 | letter-spacing: -.025em; | |||||
| 20595 | text-transform: capitalize; | |||||
| 20596 | line-height: 1.5; | |||||
| 20597 | } | |||||
| 20598 | .product.data.items > .item.title:hover { | |||||
| 20599 | border-color: #4dae65; | |||||
| 20600 | color: #4dae65; | |||||
| 20601 | border-width: 2px; | |||||
| 20602 | } | |||||
| 20603 | .product.data.items > .item.title > .switch { | |||||
| 20604 | font-size: inherit; | |||||
| 20605 | } | |||||
| 20606 | .product.data.items > .item.title.active { | |||||
| 20607 | color: #4dae65; | |||||
| 20608 | border-color: #4dae65; | |||||
| 20609 | border-width: 2px; | |||||
| 20610 | } | |||||
| 20611 | .tabs.tabs-simple .section-title { | |||||
| 20612 | text-align: left; | |||||
| 20613 | } | |||||
| 20614 | .owl-carousel .owl-nav [class*='owl-'] { | |||||
| 20615 | border-radius: 3px; | |||||
| 20616 | } | |||||
| 20617 | .owl-carousel.show-nav-middle .owl-nav .owl-next, .owl-carousel.show-nav-middle .owl-nav .owl-prev { | |||||
| 20618 | width: 40px; | |||||
| 20619 | height: 80px; | |||||
| 20620 | font-size: 26px; | |||||
| 20621 | color: #4dae65; | |||||
| 20622 | background-color: #fff !important; | |||||
| 20623 | border: 1px solid #e9e9e9; | |||||
| 20624 | box-shadow: 0 0 100px 75px rgb(255 255 255 / 60%); | |||||
| 20625 | transition: background-color .3s,color .3s; | |||||
| 20626 | } | |||||
| 20627 | .owl-carousel.show-nav-middle .owl-nav button:hover { | |||||
| 20628 | background-color: #4dae65 !important; | |||||
| 20629 | border-color: #4dae65 !important; | |||||
| 20630 | color: #fff !important; | |||||
| 20631 | } | |||||
| 20632 | .owl-carousel.show-nav-middle .owl-nav .owl-prev { | |||||
| 20633 | left: -45px; | |||||
| 20634 | } | |||||
| 20635 | .owl-carousel.show-nav-middle .owl-nav .owl-next { | |||||
| 20636 | right: -45px; | |||||
| 20637 | } | |||||
| 20638 | @media(min-width: 1024px){ | |||||
| 20639 | .tabs.tabs-simple .section-title { | |||||
| 20640 | margin: 0; | |||||
| 20641 | margin-bottom: -28px; | |||||
| 20642 | padding-top: 3px; | |||||
| 20643 | } | |||||
| 20644 | } | |||||
| 20645 | @media(min-width: 768px){ | |||||
| 20646 | .product.data.items { | |||||
| 20647 | text-align: center; | |||||
| 20648 | } | |||||
| 20649 | .product.data.items > .item.title { | |||||
| 20650 | float: left; | |||||
| 20651 | display: inline-block; | |||||
| 20652 | text-decoration: none; | |||||
| 20653 | padding: 7px 24px; | |||||
| 20654 | margin: 0 5px; | |||||
| 20655 | border-radius: 7px; | |||||
| 20656 | color: #222529; | |||||
| 20657 | font-size: 13px; | |||||
| 20658 | font-weight: 600; | |||||
| 20659 | letter-spacing: -.02em; | |||||
| 20660 | line-height: 22px; | |||||
| 20661 | border: 1px solid #e9e9e9; | |||||
| 20662 | transition: border-width .3s,border-color .3s; | |||||
| 20663 | } | |||||
| 20664 | .rtl .product.data.items > .item.title { | |||||
| 20665 | float:right; | |||||
| 20666 | } | |||||
| 20667 | .product.data.items > .item.content { | |||||
| 20668 | border-top: none; | |||||
| 20669 | margin-top: 2.85rem; | |||||
| 20670 | } | |||||
| 20671 | } | |||||
| 20672 | @media(max-width: 767px) { | |||||
| 20673 | .tabs.tabs-simple { | |||||
| 20674 | margin-bottom: 30px; | |||||
| 20675 | } | |||||
| 20676 | } | |||||
| 20677 | </style> | |||||
| 20678 | <div class="tabs tabs-simple bg-white wpb_content_element" style="border-radius: 7px;"> | |||||
| 20679 | <div class="product data items" data-mage-init='{"tabs":{"openedState":"active","collapsible":"true"}}'> | |||||
| 20680 | <div class="data item title" aria-labeledby="tab-label-tab1-title" data-role="collapsible" id="tab-label-tab1"> | |||||
| 20681 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#tab1" id="tab-label-tab1-title"> | |||||
| 20682 | <span>View All</span> | |||||
| 20683 | </a> | |||||
| 20684 | </div> | |||||
| 20685 | <div class="data item content" id="tab1" data-role="content"> | |||||
| 20686 | <div id="tab1-products" class="porto-products wpb_content_element"> | |||||
| 20687 | <div class="slider-wrapper"> | |||||
| 20688 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="tab1_product" extra_class="show-nav-middle nav-pos-outside nav-style-4 dots-style-1" product_count="8" product_type="3" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||||
| 20689 | <script type="text/javascript"> | |||||
| 20690 | require([ | |||||
| 20691 | 'jquery', | |||||
| 20692 | 'owl.carousel/owl.carousel.min' | |||||
| 20693 | ], function ($) { | |||||
| 20694 | $("#tab1-products .owl-carousel").owlCarousel({ | |||||
| 20695 | autoplay: true, | |||||
| 20696 | autoplayTimeout: 5000, | |||||
| 20697 | autoplayHoverPause: true, | |||||
| 20698 | loop: true, | |||||
| 20699 | navRewind: true, | |||||
| 20700 | lazyLoad:true, | |||||
| 20701 | margin: 0, | |||||
| 20702 | nav: true, | |||||
| 20703 | dots: false, | |||||
| 20704 | responsive: { | |||||
| 20705 | 0: { | |||||
| 20706 | items:2 | |||||
| 20707 | }, | |||||
| 20708 | 640: { | |||||
| 20709 | items:2 | |||||
| 20710 | }, | |||||
| 20711 | 768: { | |||||
| 20712 | items:2 | |||||
| 20713 | }, | |||||
| 20714 | 992: { | |||||
| 20715 | items:4 | |||||
| 20716 | }, | |||||
| 20717 | 1200: { | |||||
| 20718 | items:6 | |||||
| 20719 | } | |||||
| 20720 | } | |||||
| 20721 | }); | |||||
| 20722 | }); | |||||
| 20723 | </script> | |||||
| 20724 | </div> | |||||
| 20725 | </div> | |||||
| 20726 | </div> | |||||
| 20727 | <div class="data item title" aria-labeledby="tab-label-tab2-title" data-role="collapsible" id="tab-label-tab2"> | |||||
| 20728 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#tab2" id="tab-label-tab2-title"> | |||||
| 20729 | <span>Breakfast</span> | |||||
| 20730 | </a> | |||||
| 20731 | </div> | |||||
| 20732 | <div class="data item content" id="tab2" data-role="content"> | |||||
| 20733 | <div id="tab2-products" class="porto-products wpb_content_element"> | |||||
| 20734 | <div class="slider-wrapper"> | |||||
| 20735 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="tab1_product" extra_class="show-nav-middle nav-pos-outside nav-style-4 dots-style-1" product_count="8" product_type="3" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||||
| 20736 | <script type="text/javascript"> | |||||
| 20737 | require([ | |||||
| 20738 | 'jquery', | |||||
| 20739 | 'owl.carousel/owl.carousel.min' | |||||
| 20740 | ], function ($) { | |||||
| 20741 | $("#tab2-products .owl-carousel").owlCarousel({ | |||||
| 20742 | autoplay: true, | |||||
| 20743 | autoplayTimeout: 5000, | |||||
| 20744 | autoplayHoverPause: true, | |||||
| 20745 | loop: true, | |||||
| 20746 | navRewind: true, | |||||
| 20747 | lazyLoad:true, | |||||
| 20748 | margin: 0, | |||||
| 20749 | nav: true, | |||||
| 20750 | dots: false, | |||||
| 20751 | responsive: { | |||||
| 20752 | 0: { | |||||
| 20753 | items:2 | |||||
| 20754 | }, | |||||
| 20755 | 640: { | |||||
| 20756 | items:2 | |||||
| 20757 | }, | |||||
| 20758 | 768: { | |||||
| 20759 | items:2 | |||||
| 20760 | }, | |||||
| 20761 | 992: { | |||||
| 20762 | items:4 | |||||
| 20763 | }, | |||||
| 20764 | 1200: { | |||||
| 20765 | items:6 | |||||
| 20766 | } | |||||
| 20767 | } | |||||
| 20768 | }); | |||||
| 20769 | }); | |||||
| 20770 | </script> | |||||
| 20771 | </div> | |||||
| 20772 | </div> | |||||
| 20773 | </div> | |||||
| 20774 | <div class="data item title" aria-labeledby="tab-label-tab3-title" data-role="collapsible" id="tab-label-tab3"> | |||||
| 20775 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#tab3" id="tab-label-tab3-title"> | |||||
| 20776 | <span>Cooking</span> | |||||
| 20777 | </a> | |||||
| 20778 | </div> | |||||
| 20779 | <div class="data item content" id="tab3" data-role="content"> | |||||
| 20780 | <div id="tab3-products" class="porto-products wpb_content_element"> | |||||
| 20781 | <div class="slider-wrapper"> | |||||
| 20782 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="tab1_product" extra_class="show-nav-middle nav-pos-outside nav-style-4 dots-style-1" product_count="8" product_type="3" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||||
| 20783 | <script type="text/javascript"> | |||||
| 20784 | require([ | |||||
| 20785 | 'jquery', | |||||
| 20786 | 'owl.carousel/owl.carousel.min' | |||||
| 20787 | ], function ($) { | |||||
| 20788 | $("#tab3-products .owl-carousel").owlCarousel({ | |||||
| 20789 | autoplay: true, | |||||
| 20790 | autoplayTimeout: 5000, | |||||
| 20791 | autoplayHoverPause: true, | |||||
| 20792 | loop: true, | |||||
| 20793 | navRewind: true, | |||||
| 20794 | lazyLoad:true, | |||||
| 20795 | margin: 0, | |||||
| 20796 | nav: true, | |||||
| 20797 | dots: false, | |||||
| 20798 | responsive: { | |||||
| 20799 | 0: { | |||||
| 20800 | items:2 | |||||
| 20801 | }, | |||||
| 20802 | 640: { | |||||
| 20803 | items:2 | |||||
| 20804 | }, | |||||
| 20805 | 768: { | |||||
| 20806 | items:2 | |||||
| 20807 | }, | |||||
| 20808 | 992: { | |||||
| 20809 | items:4 | |||||
| 20810 | }, | |||||
| 20811 | 1200: { | |||||
| 20812 | items:6 | |||||
| 20813 | } | |||||
| 20814 | } | |||||
| 20815 | }); | |||||
| 20816 | }); | |||||
| 20817 | </script> | |||||
| 20818 | </div> | |||||
| 20819 | </div> | |||||
| 20820 | </div> | |||||
| 20821 | <div class="data item title" aria-labeledby="tab-label-tab4-title" data-role="collapsible" id="tab-label-tab4"> | |||||
| 20822 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#tab4" id="tab-label-tab4-title"> | |||||
| 20823 | <span>Frozen</span> | |||||
| 20824 | </a> | |||||
| 20825 | </div> | |||||
| 20826 | <div class="data item content" id="tab4" data-role="content"> | |||||
| 20827 | <div id="tab4-products" class="porto-products wpb_content_element"> | |||||
| 20828 | <div class="slider-wrapper"> | |||||
| 20829 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="tab1_product" extra_class="show-nav-middle nav-pos-outside nav-style-4 dots-style-1" product_count="8" product_type="3" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||||
| 20830 | <script type="text/javascript"> | |||||
| 20831 | require([ | |||||
| 20832 | 'jquery', | |||||
| 20833 | 'owl.carousel/owl.carousel.min' | |||||
| 20834 | ], function ($) { | |||||
| 20835 | $("#tab4-products .owl-carousel").owlCarousel({ | |||||
| 20836 | autoplay: true, | |||||
| 20837 | autoplayTimeout: 5000, | |||||
| 20838 | autoplayHoverPause: true, | |||||
| 20839 | loop: true, | |||||
| 20840 | navRewind: true, | |||||
| 20841 | lazyLoad:true, | |||||
| 20842 | margin: 0, | |||||
| 20843 | nav: true, | |||||
| 20844 | dots: false, | |||||
| 20845 | responsive: { | |||||
| 20846 | 0: { | |||||
| 20847 | items:2 | |||||
| 20848 | }, | |||||
| 20849 | 640: { | |||||
| 20850 | items:2 | |||||
| 20851 | }, | |||||
| 20852 | 768: { | |||||
| 20853 | items:2 | |||||
| 20854 | }, | |||||
| 20855 | 992: { | |||||
| 20856 | items:4 | |||||
| 20857 | }, | |||||
| 20858 | 1200: { | |||||
| 20859 | items:6 | |||||
| 20860 | } | |||||
| 20861 | } | |||||
| 20862 | }); | |||||
| 20863 | }); | |||||
| 20864 | </script> | |||||
| 20865 | </div> | |||||
| 20866 | </div> | |||||
| 20867 | </div> | |||||
| 20868 | <div class="data item title" aria-labeledby="tab-label-tab5-title" data-role="collapsible" id="tab-label-tab5"> | |||||
| 20869 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#tab5" id="tab-label-tab5-title"> | |||||
| 20870 | <span>Vegetables</span> | |||||
| 20871 | </a> | |||||
| 20872 | </div> | |||||
| 20873 | <div class="data item content" id="tab5" data-role="content"> | |||||
| 20874 | <div id="tab5-products" class="porto-products wpb_content_element"> | |||||
| 20875 | <div class="slider-wrapper"> | |||||
| 20876 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="tab1_product" extra_class="show-nav-middle nav-pos-outside nav-style-4 dots-style-1" product_count="8" product_type="3" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||||
| 20877 | <script type="text/javascript"> | |||||
| 20878 | require([ | |||||
| 20879 | 'jquery', | |||||
| 20880 | 'owl.carousel/owl.carousel.min' | |||||
| 20881 | ], function ($) { | |||||
| 20882 | $("#tab5-products .owl-carousel").owlCarousel({ | |||||
| 20883 | autoplay: true, | |||||
| 20884 | autoplayTimeout: 5000, | |||||
| 20885 | autoplayHoverPause: true, | |||||
| 20886 | loop: true, | |||||
| 20887 | navRewind: true, | |||||
| 20888 | lazyLoad:true, | |||||
| 20889 | margin: 0, | |||||
| 20890 | nav: true, | |||||
| 20891 | dots: false, | |||||
| 20892 | responsive: { | |||||
| 20893 | 0: { | |||||
| 20894 | items:2 | |||||
| 20895 | }, | |||||
| 20896 | 640: { | |||||
| 20897 | items:2 | |||||
| 20898 | }, | |||||
| 20899 | 768: { | |||||
| 20900 | items:2 | |||||
| 20901 | }, | |||||
| 20902 | 992: { | |||||
| 20903 | items:4 | |||||
| 20904 | }, | |||||
| 20905 | 1200: { | |||||
| 20906 | items:6 | |||||
| 20907 | } | |||||
| 20908 | } | |||||
| 20909 | }); | |||||
| 20910 | }); | |||||
| 20911 | </script> | |||||
| 20912 | </div> | |||||
| 20913 | </div> | |||||
| 20914 | </div> | |||||
| 20915 | <div class="data item title" aria-labeledby="tab-label-tab6-title" data-role="collapsible" id="tab-label-tab6"> | |||||
| 20916 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#tab6" id="tab-label-tab6-title"> | |||||
| 20917 | <span>Vegetables</span> | |||||
| 20918 | </a> | |||||
| 20919 | </div> | |||||
| 20920 | <div class="data item content" id="tab6" data-role="content"> | |||||
| 20921 | <div id="tab6-products" class="porto-products wpb_content_element"> | |||||
| 20922 | <div class="slider-wrapper"> | |||||
| 20923 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="tab1_product" extra_class="show-nav-middle nav-pos-outside nav-style-4 dots-style-1" product_count="8" product_type="3" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||||
| 20924 | <script type="text/javascript"> | |||||
| 20925 | require([ | |||||
| 20926 | 'jquery', | |||||
| 20927 | 'owl.carousel/owl.carousel.min' | |||||
| 20928 | ], function ($) { | |||||
| 20929 | $("#tab6-products .owl-carousel").owlCarousel({ | |||||
| 20930 | autoplay: true, | |||||
| 20931 | autoplayTimeout: 5000, | |||||
| 20932 | autoplayHoverPause: true, | |||||
| 20933 | loop: true, | |||||
| 20934 | navRewind: true, | |||||
| 20935 | lazyLoad:true, | |||||
| 20936 | margin: 0, | |||||
| 20937 | nav: true, | |||||
| 20938 | dots: false, | |||||
| 20939 | responsive: { | |||||
| 20940 | 0: { | |||||
| 20941 | items:2 | |||||
| 20942 | }, | |||||
| 20943 | 640: { | |||||
| 20944 | items:2 | |||||
| 20945 | }, | |||||
| 20946 | 768: { | |||||
| 20947 | items:2 | |||||
| 20948 | }, | |||||
| 20949 | 992: { | |||||
| 20950 | items:4 | |||||
| 20951 | }, | |||||
| 20952 | 1200: { | |||||
| 20953 | items:6 | |||||
| 20954 | } | |||||
| 20955 | } | |||||
| 20956 | }); | |||||
| 20957 | }); | |||||
| 20958 | </script> | |||||
| 20959 | </div> | |||||
| 20960 | </div> | |||||
| 20961 | </div> | |||||
| 20962 | </div> | |||||
| 20963 | </div> | |||||
| 20964 | </div> | |||||
| 20965 | </div> | |||||
| 20966 | </div> | |||||
| 20967 | </div> | |||||
| 20968 | <div class="container"> | |||||
| 20969 | <div class="vc_row wpb_row row" style="animation-delay: 200ms; margin-bottom: 5px;"> | |||||
| 20970 | <div class="vc_column_container col-md-12"> | |||||
| 20971 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 20972 | <div class="porto-u-heading" style="text-align: left;"> | |||||
| 20973 | <div class="porto-u-main-heading"><h2 style="font-weight: 700; margin-bottom: 2px; font-size: 22px; line-height: 22px;">This Week's Specials</h2></div> | |||||
| 20974 | <div class="porto-u-sub-heading" style="line-height: 22px; letter-spacing: -0.03em;">All our new arrivals in a exclusive brand selection</div> | |||||
| 20975 | </div> | |||||
| 20976 | <style> | |||||
| 20977 | .special-products { | |||||
| 20978 | padding: 40px 33px 23px; | |||||
| 20979 | border: 2px solid #ee8379; | |||||
| 20980 | } | |||||
| 20981 | </style> | |||||
| 20982 | <div id="sale-products" class="porto-products wpb_content_element special-products bg-white" style="border-radius: 7px;"> | |||||
| 20983 | <div class="slider-wrapper"> | |||||
| 20984 | {{block class="Smartwave\Filterproducts\Block\Home\SaleList" name="featured_product" extra_class="show-nav-middle nav-pos-outside nav-style-4 dots-style-1" product_count="8" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||||
| 20985 | <script type="text/javascript"> | |||||
| 20986 | require([ | |||||
| 20987 | 'jquery', | |||||
| 20988 | 'owl.carousel/owl.carousel.min' | |||||
| 20989 | ], function ($) { | |||||
| 20990 | $("#sale-products .owl-carousel").owlCarousel({ | |||||
| 20991 | autoplay: false, | |||||
| 20992 | autoplayTimeout: 5000, | |||||
| 20993 | autoplayHoverPause: true, | |||||
| 20994 | loop: true, | |||||
| 20995 | navRewind: true, | |||||
| 20996 | lazyLoad:true, | |||||
| 20997 | margin: 0, | |||||
| 20998 | nav: true, | |||||
| 20999 | dots: false, | |||||
| 21000 | responsive: { | |||||
| 21001 | 0: { | |||||
| 21002 | items:2 | |||||
| 21003 | }, | |||||
| 21004 | 640: { | |||||
| 21005 | items:2 | |||||
| 21006 | }, | |||||
| 21007 | 768: { | |||||
| 21008 | items:3 | |||||
| 21009 | }, | |||||
| 21010 | 992: { | |||||
| 21011 | items:4 | |||||
| 21012 | }, | |||||
| 21013 | 1200: { | |||||
| 21014 | items:6 | |||||
| 21015 | } | |||||
| 21016 | } | |||||
| 21017 | }); | |||||
| 21018 | }); | |||||
| 21019 | </script> | |||||
| 21020 | </div> | |||||
| 21021 | </div> | |||||
| 21022 | </div> | |||||
| 21023 | </div> | |||||
| 21024 | </div> | |||||
| 21025 | </div> | |||||
| 21026 | <div class="container"> | |||||
| 21027 | <div class="vc_row wpb_row row" style="margin-bottom: 30px;"> | |||||
| 21028 | <div class="vc_column_container col-md-8 col-xl-8 col-lg-8"> | |||||
| 21029 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 21030 | <div class="porto-ibanner mb-4 mb-md-0 rounded-top rounded-bottom" style="background: #d9e2e1; min-height: 200px;border-radius: 7px;"> | |||||
| 21031 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/33/banner-1.png"}}" /> | |||||
| 21032 | <div class="porto-ibanner-desc no-padding d-flex"> | |||||
| 21033 | <div class="porto-ibanner-layer" style="right: 11%; top: 50%; transform: translateY(-50%);"> | |||||
| 21034 | <div class="porto-u-heading mb-0"> | |||||
| 21035 | <div class="porto-u-main-heading"><h2 style="color: #777777; margin-bottom: 5px; font-size: 0.875em; letter-spacing: 1.87px;">Exclusive Product New Arrival</h2></div> | |||||
| 21036 | </div> | |||||
| 21037 | <div class="porto-u-heading pr-5 mr-2 ml-n-2 mb-0"> | |||||
| 21038 | <div class="porto-u-main-heading"><h2 style="font-weight: 700; margin-bottom: 13px; font-size: 2.509375em; line-height: 1; letter-spacing: 0.05em;">Organic Coffee</h2></div> | |||||
| 21039 | </div> | |||||
| 21040 | <div class="porto-u-heading position-relative mb-0"> | |||||
| 21041 | <div class="porto-u-main-heading"><h2 style="font-weight: 500; color: #222529; margin-bottom: 5px; font-size: 1.875em; line-height: 1; letter-spacing: 4px;">SPECIAL BLEND</h2></div> | |||||
| 21042 | <div class="porto-u-sub-heading" style=""> | |||||
| 21043 | <h5 class="ls-0 position-absolute custom-font custom-text-3">Fresh!</h5> | |||||
| 21044 | <p></p> | |||||
| 21045 | </div> | |||||
| 21046 | </div> | |||||
| 21047 | </div> | |||||
| 21048 | </div> | |||||
| 21049 | </div> | |||||
| 21050 | </div> | |||||
| 21051 | </div> | |||||
| 21052 | <div class="vc_column_container col-md-4 col-xl-4 col-lg-4"> | |||||
| 21053 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 21054 | <div class="porto-ibanner rounded-top rounded-bottom" style="background: #f3cdba; min-height: 200px;border-radius: 7px;"> | |||||
| 21055 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/33/banner-2.png"}}" /> | |||||
| 21056 | <div class="porto-ibanner-desc no-padding d-flex"> | |||||
| 21057 | <div class="porto-ibanner-layer" style="right: 8.4%; top: 50%; transform: translateY(-50%);"> | |||||
| 21058 | <div class="porto-u-heading mb-0"> | |||||
| 21059 | <div class="porto-u-main-heading"><h2 style="color: rgba(255, 255, 255, 0.7); margin-bottom: 5px; font-size: 14px; letter-spacing: 1.27px;">Stay Healthy</h2></div> | |||||
| 21060 | </div> | |||||
| 21061 | <div class="porto-u-heading ml-n-1 mb-0"> | |||||
| 21062 | <div class="porto-u-main-heading"><h2 style="font-weight: 700; color: #ffffff; margin-bottom: 7px; font-size: 38.05px; line-height: 1; letter-spacing: 0.05em;">Low Carb</h2></div> | |||||
| 21063 | </div> | |||||
| 21064 | <div class="porto-u-heading mb-0"> | |||||
| 21065 | <div class="porto-u-main-heading"><h2 style="font-weight: 500; color: #ffffff; margin-bottom: 20px; font-size: 24px; line-height: 1; letter-spacing: 3px;">STRAWBERRY</h2></div> | |||||
| 21066 | </div> | |||||
| 21067 | <div class="porto-u-heading mb-0 custom-font"> | |||||
| 21068 | <div class="porto-u-main-heading"><h2 style="font-weight: 400; color: #ffffff; font-size: 24.29px; line-height: 1;">Sugar-Free</h2></div> | |||||
| 21069 | </div> | |||||
| 21070 | </div> | |||||
| 21071 | </div> | |||||
| 21072 | </div> | |||||
| 21073 | </div> | |||||
| 21074 | </div> | |||||
| 21075 | </div> | |||||
| 21076 | </div> | |||||
| 21077 | <div class="container"> | |||||
| 21078 | <div class="vc_row wpb_row row" style="margin-bottom: 32px;"> | |||||
| 21079 | <div class="vc_column_container col-md-12"> | |||||
| 21080 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 21081 | <div class="porto-u-heading"> | |||||
| 21082 | <div class="porto-u-main-heading"> | |||||
| 21083 | <h2 style="font-weight: 700; margin-bottom: 2px; font-size: 22px; line-height: 22px;">Special Offers</h2> | |||||
| 21084 | </div> | |||||
| 21085 | <div class="porto-u-sub-heading" style="line-height: 22px; letter-spacing: -0.03em;">All our new arrivals in a exclusive brand selection</div> | |||||
| 21086 | </div> | |||||
| 21087 | <div class="vc_row wpb_row vc_inner row"> | |||||
| 21088 | <div class="vc_column_container col-md-4" > | |||||
| 21089 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 21090 | <style> | |||||
| 21091 | .offer-product { | |||||
| 21092 | padding: 45px 40px; | |||||
| 21093 | border: 2px solid #4dae65; | |||||
| 21094 | } | |||||
| 21095 | .offer-product .product-item-info:hover .product-item-photo { | |||||
| 21096 | box-shadow: none; | |||||
| 21097 | } | |||||
| 21098 | .offer-product .product-item .weltpixel-quickview.weltpixel_quickview_button_v2 { | |||||
| 21099 | display: none; | |||||
| 21100 | } | |||||
| 21101 | .offer-product .product-item-info .product-item-details .product-item-actions .tocart { | |||||
| 21102 | padding-left: 45px; | |||||
| 21103 | height: 56px; | |||||
| 21104 | line-height: 56px; | |||||
| 21105 | padding-right: 45px; | |||||
| 21106 | font-size: 14px; | |||||
| 21107 | border-radius: 7px; | |||||
| 21108 | } | |||||
| 21109 | .offer-product .product-item-actions .actions-secondary.action { | |||||
| 21110 | height: 56px; | |||||
| 21111 | line-height: 56px; | |||||
| 21112 | } | |||||
| 21113 | .offer-product .product-item-info.type1 .product-item-inner { | |||||
| 21114 | margin-top: 46px; | |||||
| 21115 | } | |||||
| 21116 | .offer-product .add_to_cart_button { | |||||
| 21117 | padding-left: 45px; | |||||
| 21118 | height: 56px; | |||||
| 21119 | line-height: 56px; | |||||
| 21120 | padding-right: 45px; | |||||
| 21121 | font-size: 14px; | |||||
| 21122 | border-radius: 7px; | |||||
| 21123 | } | |||||
| 21124 | .offer-product .product-item .tocart::before { | |||||
| 21125 | font-size: 24px!important; | |||||
| 21126 | font-weight: 300!important; | |||||
| 21127 | } | |||||
| 21128 | </style> | |||||
| 21129 | <div class="porto-products wpb_content_element offer-product mb-0 bg-white custom-deal mb-5 mb-md-0" style="border-radius: 7px;"> | |||||
| 21130 | {{block class="Smartwave\Filterproducts\Block\Home\SaleList" name="featured_product" product_type="1" extra_class="nav-center-images-only nav-style-4" product_count="1" column_count="1" aspect_ratio="0" image_width="450" image_height="450" template="grid.phtml"}} | |||||
| 21131 | </div> | |||||
| 21132 | </div> | |||||
| 21133 | </div> | |||||
| 21134 | <div class="vc_column_container col-md-8"> | |||||
| 21135 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 21136 | <div class="porto-products wpb_content_element bg-white mb-0 px-4 pt-4 rounded" style="border-radius: 7px;"> | |||||
| 21137 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_type="3" extra_class="nav-center-images-only nav-style-4" product_count="8" column_count="4" aspect_ratio="0" image_width="250" image_height="250" template="grid.phtml"}} | |||||
| 21138 | </div> | |||||
| 21139 | </div> | |||||
| 21140 | </div> | |||||
| 21141 | </div> | |||||
| 21142 | </div> | |||||
| 21143 | </div> | |||||
| 21144 | </div> | |||||
| 21145 | </div> | |||||
| 21146 | <div class="container"> | |||||
| 21147 | <div class="vc_row wpb_row row" style="margin-bottom: 25px;"> | |||||
| 21148 | <div class="vc_column_container col-md-12"> | |||||
| 21149 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 21150 | <div class="porto-u-heading"> | |||||
| 21151 | <div class="porto-u-main-heading"><h2 style="font-weight: 700; margin-bottom: 2px; font-size: 22px; line-height: 22px;">Featured Brands</h2></div> | |||||
| 21152 | <div class="porto-u-sub-heading" style="line-height: 22px; letter-spacing: -0.03em;">All our new arrivals in a exclusive brand selection</div> | |||||
| 21153 | </div> | |||||
| 21154 | <div class="porto-ultimate-content-box-container px-4 bg-white rounded" style="border-radius: 7px;"> | |||||
| 21155 | <div class="porto-ultimate-content-box"> | |||||
| 21156 | <style> | |||||
| 21157 | .brand-carousel { | |||||
| 21158 | padding: 4rem 0; | |||||
| 21159 | } | |||||
| 21160 | </style> | |||||
| 21161 | <div class="porto-carousel brand-carousel owl-carousel show-nav-middle"> | |||||
| 21162 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand1.png"}}" alt="" /></div> | |||||
| 21163 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand2.png"}}" alt="" /></div> | |||||
| 21164 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand3.png"}}" alt="" /></div> | |||||
| 21165 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand1.png"}}" alt="" /></div> | |||||
| 21166 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand4.png"}}" alt="" /></div> | |||||
| 21167 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand5.png"}}" alt="" /></div> | |||||
| 21168 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand6.png"}}" alt="" /></div> | |||||
| 21169 | <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand5.png"}}" alt="" /></div> | |||||
| 21170 | </div> | |||||
| 21171 | <script type="text/javascript"> | |||||
| 21172 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | |||||
| 21173 | $(".brand-carousel.owl-carousel").owlCarousel({ | |||||
| 21174 | autoplay: true, | |||||
| 21175 | autoplayTimeout: 5000, | |||||
| 21176 | autoplayHoverPause: true, | |||||
| 21177 | nav: true, | |||||
| 21178 | dots: false, | |||||
| 21179 | loop: true, | |||||
| 21180 | stagePadding: 80, | |||||
| 21181 | responsive: { | |||||
| 21182 | 0: { | |||||
| 21183 | items: 2, | |||||
| 21184 | }, | |||||
| 21185 | 640: { | |||||
| 21186 | items: 2, | |||||
| 21187 | }, | |||||
| 21188 | 768: { | |||||
| 21189 | items: 3, | |||||
| 21190 | }, | |||||
| 21191 | 992: { | |||||
| 21192 | items: 4, | |||||
| 21193 | }, | |||||
| 21194 | 1200: { | |||||
| 21195 | items: 7 | |||||
| 21196 | }, | |||||
| 21197 | }, | |||||
| 21198 | }); | |||||
| 21199 | }); | |||||
| 21200 | </script> | |||||
| 21201 | </div> | |||||
| 21202 | </div> | |||||
| 21203 | </div> | |||||
| 21204 | </div> | |||||
| 21205 | </div> | |||||
| 21206 | </div> | |||||
| 21207 | <div class="container"> | |||||
| 21208 | <div class="vc_row wpb_row row" style="margin-bottom: 20px;"> | |||||
| 21209 | <div class="vc_column_container col-md-12"> | |||||
| 21210 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 21211 | <div class="porto-u-heading"> | |||||
| 21212 | <div class="porto-u-main-heading"> | |||||
| 21213 | <h2 style="font-weight: 700; margin-bottom: 2px; font-size: 22px; line-height: 22px;">Recipes For This Week</h2> | |||||
| 21214 | </div> | |||||
| 21215 | <div class="porto-u-sub-heading" style="line-height: 22px; letter-spacing: -0.03em;">All our new arrivals in a exclusive brand selection</div> | |||||
| 21216 | </div> | |||||
| 21217 | <style> | |||||
| 21218 | .blog-container { | |||||
| 21219 | padding: 40px 40px 17px; | |||||
| 21220 | } | |||||
| 21221 | .porto-recent-posts h4 { | |||||
| 21222 | font-size: 20px; | |||||
| 21223 | font-family: Poppins; | |||||
| 21224 | font-weight: 600; | |||||
| 21225 | margin-top: 2px; | |||||
| 21226 | margin-bottom: 2px!important; | |||||
| 21227 | } | |||||
| 21228 | .porto-recent-posts .post-item .post-excerpt { | |||||
| 21229 | font-size: 1em; | |||||
| 21230 | letter-spacing: -.025em; | |||||
| 21231 | color: #777; | |||||
| 21232 | } | |||||
| 21233 | .porto-recent-posts .post-item .read-more,.porto-recent-posts .post-item .post-date {display: none;} | |||||
| 21234 | </style> | |||||
| 21235 | <div class="porto-recent-posts wpb_content_element bg-white blog-container rounded" style="border-radius: 7px;"> | |||||
| 21236 | <div class="row"> | |||||
| 21237 | <div class="post-carousel porto-carousel owl-carousel"> | |||||
| 21238 | {{widget type="Magefan\Blog\Block\Widget\Recent" number_of_posts="4" custom_template="recent_home.phtml"}} | |||||
| 21239 | </div> | |||||
| 21240 | <script type="text/javascript"> | |||||
| 21241 | require([ | |||||
| 21242 | 'jquery', | |||||
| 21243 | 'owl.carousel/owl.carousel.min' | |||||
| 21244 | ], function ($) { | |||||
| 21245 | $(".porto-recent-posts .owl-carousel").owlCarousel({ | |||||
| 21246 | autoplay: false, | |||||
| 21247 | autoplayTimeout: 5000, | |||||
| 21248 | autoplayHoverPause: true, | |||||
| 21249 | loop: false, | |||||
| 21250 | navRewind: true, | |||||
| 21251 | lazyLoad:true, | |||||
| 21252 | margin: 0, | |||||
| 21253 | nav: false, | |||||
| 21254 | dots: false, | |||||
| 21255 | responsive: { | |||||
| 21256 | 0: { | |||||
| 21257 | items:1 | |||||
| 21258 | }, | |||||
| 21259 | 640: { | |||||
| 21260 | items:1 | |||||
| 21261 | }, | |||||
| 21262 | 768: { | |||||
| 21263 | items:1 | |||||
| 21264 | }, | |||||
| 21265 | 992: { | |||||
| 21266 | items:2 | |||||
| 21267 | }, | |||||
| 21268 | 1200: { | |||||
| 21269 | items:2 | |||||
| 21270 | } | |||||
| 21271 | } | |||||
| 21272 | }); | |||||
| 21273 | }); | |||||
| 21274 | </script> | |||||
| 21275 | </div> | |||||
| 21276 | </div> | |||||
| 21277 | </div> | |||||
| 21278 | </div> | |||||
| 21279 | </div> | |||||
| 21280 | </div> | |||||
| 21281 | <div class="container"> | |||||
| 21282 | <div class="vc_row wpb_row row no-padding" style="margin-bottom: 10px;"> | |||||
| 21283 | <div class="vc_column_container col-md-12 col-xl-4 col-lg-6"> | |||||
| 21284 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 21285 | <div class="porto-sicon-box mb-3 mb-lg-0 mx-2 mx-xl-0 flex-column flex-sm-row newsletter-msg style_2 default-icon"> | |||||
| 21286 | <div class="porto-sicon-default"> | |||||
| 21287 | <div class="porto-just-icon-wrapper porto-icon none" style="color: #222529; font-size: 50px;"><i class="porto-icon-envolope"></i></div> | |||||
| 21288 | </div> | |||||
| 21289 | <div class="porto-sicon-header"> | |||||
| 21290 | <h4 class="porto-sicon-title" style="font-weight: 700; font-size: 18px; line-height: 1;">Subscribe To Our Newsletter</h4> | |||||
| 21291 | <p style="font-size: 13px; line-height: 20px; letter-spacing: 0.005em; color: #90969a;">Get all the latest information on Events, Sales and Offers.</p> | |||||
| 21292 | </div> | |||||
| 21293 | </div> | |||||
| 21294 | </div> | |||||
| 21295 | </div> | |||||
| 21296 | <div class="vc_column_container col-md-12 col-xl-8 col-lg-6"> | |||||
| 21297 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 21298 | <style> | |||||
| 21299 | .single-subscribe .newsletter .input-text { | |||||
| 21300 | display: block; | |||||
| 21301 | flex: 1; | |||||
| 21302 | width: calc(100% - 215px - 17px); | |||||
| 21303 | max-width: 729px; | |||||
| 21304 | margin-right: 17px; | |||||
| 21305 | } | |||||
| 21306 | .single-subscribe .newsletter input { | |||||
| 21307 | border-radius: 7px; | |||||
| 21308 | border: 2px solid #bebebe; | |||||
| 21309 | padding: 15px; | |||||
| 21310 | height: 53px; | |||||
| 21311 | } | |||||
| 21312 | .single-subscribe .newsletter .action { | |||||
| 21313 | min-width: 215px; | |||||
| 21314 | height: 53px; | |||||
| 21315 | font-size: 14px; | |||||
| 21316 | font-weight: 600; | |||||
| 21317 | letter-spacing: -.05em; | |||||
| 21318 | padding: 14px; | |||||
| 21319 | border-radius: 7px; | |||||
| 21320 | } | |||||
| 21321 | @media (max-width: 575px) { | |||||
| 21322 | .single-subscribe .newsletter .action { | |||||
| 21323 | width: 50%; | |||||
| 21324 | min-width: 1px; | |||||
| 21325 | } | |||||
| 21326 | } | |||||
| 21327 | </style> | |||||
| 21328 | {{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form.phtml"}} | |||||
| 21329 | </div> | |||||
| 21330 | </div> | |||||
| 21331 | </div> | |||||
| 21332 | </div>]]> | |||||
| 21333 | </content> | |||||
| 21334 | ||||||
| 21335 | <is_active> | |||||
| 21336 | 1 | |||||
| 21337 | </is_active> | |||||
| 21338 | ||||||
| 21339 | <page_layout> | |||||
| 21340 | 1column | |||||
| 21341 | </page_layout> | |||||
| 21342 | ||||||
| 21343 | <layout_update_xml> | |||||
| 21344 | <![CDATA[]]> | |||||
| 21345 | </layout_update_xml> | |||||
| 21346 | ||||||
| 21347 | </cms_item> | |||||
| 21348 | ||||||
| 21349 | <cms_item> | |||||
| 21350 | ||||||
| 21351 | <title> | |||||
| 21352 | Porto - Homepage 34 | |||||
| 21353 | </title> | |||||
| 21354 | ||||||
| 21355 | <identifier> | |||||
| 21356 | porto_home_34 | |||||
| 21357 | </identifier> | |||||
| 21358 | ||||||
| 21359 | <content> | |||||
| 21360 | <![CDATA[<style> | |||||
| 21361 | .page-wrapper { | |||||
| 21362 | background-color: #f4f4f4; | |||||
| 21363 | } | |||||
| 21364 | .cms-index-index .page-main { | |||||
| 21365 | max-width: 100%; | |||||
| 21366 | } | |||||
| 21367 | .porto-ibanner-layer { | |||||
| 21368 | position: absolute; | |||||
| 21369 | z-index: 10; | |||||
| 21370 | } | |||||
| 21371 | .bg-gray { | |||||
| 21372 | background: #e7e7e7; | |||||
| 21373 | } | |||||
| 21374 | .coupon-sale-text { | |||||
| 21375 | position: relative; | |||||
| 21376 | display: inline-block; | |||||
| 21377 | padding-left: .3em; | |||||
| 21378 | padding-right: .3em; | |||||
| 21379 | transform: none; | |||||
| 21380 | } | |||||
| 21381 | .coupon-sale-text:before { | |||||
| 21382 | content: ''; | |||||
| 21383 | display: block; | |||||
| 21384 | background-color: #ee8379; | |||||
| 21385 | position: absolute; | |||||
| 21386 | left: 0; | |||||
| 21387 | right: 0; | |||||
| 21388 | top: 0; | |||||
| 21389 | bottom: 0; | |||||
| 21390 | transform: rotate(-2deg); | |||||
| 21391 | z-index: -1; | |||||
| 21392 | } | |||||
| 21393 | sup { | |||||
| 21394 | font-size: 52%; | |||||
| 21395 | } | |||||
| 21396 | ||||||
| 21397 | .text-shadow-1 { | |||||
| 21398 | font-style: italic; | |||||
| 21399 | text-shadow: 0 0 4px rgb(0 0 0 / 10%); | |||||
| 21400 | } | |||||
| 21401 | .custom-font1 { | |||||
| 21402 | font-family: Open Sans,sans-serif; | |||||
| 21403 | } | |||||
| 21404 | .owl-carousel.nav-style-1 .owl-nav [class*="owl-"] { | |||||
| 21405 | width: 3.75rem; | |||||
| 21406 | height: 3.75rem; | |||||
| 21407 | border-radius: 2rem; | |||||
| 21408 | background: #f4f4f4!important; | |||||
| 21409 | font-size: 1.75rem; | |||||
| 21410 | color: #3250ff; | |||||
| 21411 | } | |||||
| 21412 | .owl-carousel.nav-style-1 .owl-nav .owl-prev { | |||||
| 21413 | left: -1.875rem; | |||||
| 21414 | } | |||||
| 21415 | .owl-carousel.nav-style-1 .owl-nav .owl-next { | |||||
| 21416 | right: -1.875rem; | |||||
| 21417 | } | |||||
| 21418 | .owl-carousel .owl-nav button[class*='owl-']:hover { | |||||
| 21419 | color: #3250ff; | |||||
| 21420 | } | |||||
| 21421 | ul.products li.product-category .thumb-info-wrapper:after { | |||||
| 21422 | background: none; | |||||
| 21423 | } | |||||
| 21424 | ul.products li.product-category:hover .thumb-info-wrapper:after { | |||||
| 21425 | background: rgba(27,27,23,.15); | |||||
| 21426 | } | |||||
| 21427 | ul.products li.product-category .thumb-info { | |||||
| 21428 | padding: 0 1rem; | |||||
| 21429 | min-height: auto; | |||||
| 21430 | } | |||||
| 21431 | li.product-category .thumb-info .thumb-info-wrapper { | |||||
| 21432 | border-radius: 50%; | |||||
| 21433 | overflow: hidden; | |||||
| 21434 | } | |||||
| 21435 | ul.products li.product-category .thumb-info h3 { | |||||
| 21436 | font-size: 1rem; | |||||
| 21437 | text-transform: none; | |||||
| 21438 | letter-spacing: 0; | |||||
| 21439 | line-height: 1.35; | |||||
| 21440 | } | |||||
| 21441 | .has-middle-content .porto-ultimate-content-box { | |||||
| 21442 | display: flex; | |||||
| 21443 | align-items: center; | |||||
| 21444 | justify-content: center; | |||||
| 21445 | flex-wrap: wrap; | |||||
| 21446 | position: relative; | |||||
| 21447 | overflow: hidden; | |||||
| 21448 | } | |||||
| 21449 | .porto-ultimate-content-box>* { | |||||
| 21450 | position: relative; | |||||
| 21451 | } | |||||
| 21452 | .text-bg { | |||||
| 21453 | position: absolute; | |||||
| 21454 | white-space: nowrap; | |||||
| 21455 | left: 100%; | |||||
| 21456 | top: 50%; | |||||
| 21457 | margin-top: -.5em; | |||||
| 21458 | animation: slideX 120s infinite linear; | |||||
| 21459 | pointer-events: none; | |||||
| 21460 | } | |||||
| 21461 | .heading-right-icon .porto-sicon-heading-right .porto-icon { | |||||
| 21462 | margin-left: .25rem; | |||||
| 21463 | } | |||||
| 21464 | @media (min-width: 992px) and (max-width: 1219px) { | |||||
| 21465 | .porto-ibanner-layer { | |||||
| 21466 | font-size: 12px; | |||||
| 21467 | } | |||||
| 21468 | } | |||||
| 21469 | @media (max-width: 991px) { | |||||
| 21470 | .home-banner-slider .porto-ibanner-layer { | |||||
| 21471 | font-size: 1.1vw; | |||||
| 21472 | } | |||||
| 21473 | } | |||||
| 21474 | @keyframes slideX { | |||||
| 21475 | 0% { | |||||
| 21476 | transform: translateX(0); | |||||
| 21477 | left: 100%; | |||||
| 21478 | } | |||||
| 21479 | 100% { | |||||
| 21480 | transform: translateX(-100%); | |||||
| 21481 | left: 0; | |||||
| 21482 | } | |||||
| 21483 | } | |||||
| 21484 | </style> | |||||
| 21485 | <div class="porto-wrap-container container pt-4"> | |||||
| 21486 | <div class="row"> | |||||
| 21487 | <div class="vc_column_container col-md-12"> | |||||
| 21488 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 21489 | <div id="banner-slider-demo-34" class="porto-carousel owl-carousel has-ccols ccols-1 home-banner-slider mb-5 nav-style-1"> | |||||
| 21490 | <div class="porto-ibanner mb-0" style="background: #ffffff;"> | |||||
| 21491 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/34/shop34_home_banner1.jpg"}}" /> | |||||
| 21492 | <div class="porto-ibanner-desc no-padding d-flex"> | |||||
| 21493 | <div class="porto-ibanner-layer" style="left: 8.3%; top: 50%; transform: translateY(-50%);"> | |||||
| 21494 | <h4 style="font-size: 5em; color: rgb(255, 255, 255); line-height: 0.85; font-weight: 800; letter-spacing: -0.025em;" class="vc_custom_heading custom-font1 text-shadow-1 mb-0 align-left text-uppercase heading-light"> | |||||
| 21495 | TRENDY | |||||
| 21496 | </h4> | |||||
| 21497 | <h3 style="font-size: 5.25em; line-height: 0.85; letter-spacing: -0.04em;" class="vc_custom_heading mb-0 align-left text-uppercase"> | |||||
| 21498 | gaming | |||||
| 21499 | </h3> | |||||
| 21500 | <h4 style="font-size: 4.125em; line-height: 0.85; letter-spacing: -0.04em;" class="vc_custom_heading mb-0 align-right text-uppercase"> | |||||
| 21501 | chairs | |||||
| 21502 | </h4> | |||||
| 21503 | <h4 style="font-size: 5em; color: rgb(255, 255, 255); line-height: 0.85; font-weight: 800; letter-spacing: -0.025em;" class="vc_custom_heading custom-font1 text-shadow-1 mb-0 align-right text-uppercase heading-light"> | |||||
| 21504 | Deals | |||||
| 21505 | </h4> | |||||
| 21506 | </div> | |||||
| 21507 | <div class="porto-ibanner-layer" style="right: 9%; top: 50%; transform: translateY(-50%);"> | |||||
| 21508 | <div> | |||||
| 21509 | <h3 style="font-size: 1.375em; line-height: 1; letter-spacing: -0.035em;margin-bottom: .3636em;" class="vc_custom_heading align-left">Porto Game Chair</h3> | |||||
| 21510 | <h4 style="font-size: 1.25em; line-height: 1; font-weight: 400; letter-spacing: -0.025em;margin-bottom: .8em;" class="vc_custom_heading align-left">from <del>$299.99</del></h4> | |||||
| 21511 | <h4 style="font-size: 1.25em; line-height: 1; font-weight: 400; letter-spacing: -0.025em;padding-top: .3em;padding-right: .6em;" class="vc_custom_heading pull-left mb-0 align-left">to</h4> | |||||
| 21512 | <h5 style="font-size: 3.25em; line-height: 1.25; letter-spacing: -0.02em;margin-bottom: .45em;" class="vc_custom_heading coupon-sale-text mb-4 align-left heading-light"><sup>$</sup>199<sup>99</sup></h5> | |||||
| 21513 | <div class="btn-container mb-0 text-center"> | |||||
| 21514 | <a class="vc_btn3 vc_btn3-shape-default d-block btn btn-modern btn-md btn-dark" style="font-size: 0.875em; font-weight: 700; padding: 1.1em 0.5em;" href="#"> | |||||
| 21515 | Shop Now | |||||
| 21516 | </a> | |||||
| 21517 | </div> | |||||
| 21518 | </div> | |||||
| 21519 | </div> | |||||
| 21520 | </div> | |||||
| 21521 | </div> | |||||
| 21522 | <div class="porto-ibanner mb-0" style="background: #ffffff;"> | |||||
| 21523 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/34/shop34_home_banner2.jpg"}}" /> | |||||
| 21524 | <div class="porto-ibanner-desc no-padding d-flex"> | |||||
| 21525 | <div class="porto-ibanner-layer" style="right: 10%; top: 50%; transform: translateY(-50%);"> | |||||
| 21526 | <h4 style="font-size: 5em; color: #ffffff; line-height: 0.85; font-weight: 800; letter-spacing: -0.025em;" class="vc_custom_heading custom-font1 text-shadow-1 mb-0 align-left text-uppercase heading-light">NEW</h4> | |||||
| 21527 | <h3 style="font-size: 5.25em; line-height: 0.85; letter-spacing: -0.04em;" class="vc_custom_heading mb-0 align-left text-uppercase">Selected</h3> | |||||
| 21528 | <h4 style="font-size: 4.125em; line-height: 0.85; letter-spacing: -0.04em;" class="vc_custom_heading mb-0 align-right text-uppercase">Deals</h4> | |||||
| 21529 | <h4 style="font-size: 5em; color: #ffffff; line-height: 0.85; font-weight: 800; letter-spacing: -0.025em;" class="vc_custom_heading custom-font1 text-shadow-1 mb-0 align-right text-uppercase heading-light"> | |||||
| 21530 | Releases | |||||
| 21531 | </h4> | |||||
| 21532 | </div> | |||||
| 21533 | <div class="porto-ibanner-layer" style="left: 9%; top: 50%; transform: translateY(-50%);"> | |||||
| 21534 | <h3 style="font-size: 1.375em; line-height: 1; letter-spacing: -0.055em;margin-bottom: 1em;" class="vc_custom_heading align-left">Best Gadtets Deals</h3> | |||||
| 21535 | <h4 style="font-size: 1.25em; line-height: 1; font-weight: 400; letter-spacing: -0.025em;padding-top: .3em;padding-right: 1.2em;" class="vc_custom_heading pull-left mb-0 align-left">from</h4> | |||||
| 21536 | <h5 style="font-size: 3.25em; line-height: 1.25; letter-spacing: -0.02em;margin-bottom: .5em;padding-right: .5em;padding-left: .5em;" class="vc_custom_heading coupon-sale-text mb-4 align-left heading-light"><sup>$</sup>1<sup>99</sup></h5> | |||||
| 21537 | <div class="btn-container mb-0 text-center"> | |||||
| 21538 | <a class="vc_btn3 vc_btn3-shape-square d-block btn btn-modern btn-md btn-dark" style="font-size: 0.875em; font-weight: 700; padding: 1.1em 0.5em;" href="#" title=""> | |||||
| 21539 | Shop Now | |||||
| 21540 | </a> | |||||
| 21541 | </div> | |||||
| 21542 | </div> | |||||
| 21543 | </div> | |||||
| 21544 | </div> | |||||
| 21545 | </div> | |||||
| 21546 | <script type="text/javascript"> | |||||
| 21547 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | |||||
| 21548 | var banner_owl = $("#banner-slider-demo-34"); | |||||
| 21549 | banner_owl.owlCarousel({ | |||||
| 21550 | items: 1, | |||||
| 21551 | autoplay: false, | |||||
| 21552 | autoplayTimeout: 5000, | |||||
| 21553 | autoplayHoverPause: true, | |||||
| 21554 | dots: false, | |||||
| 21555 | nav: true, | |||||
| 21556 | navRewind: true, | |||||
| 21557 | animateIn: "fadeIn", | |||||
| 21558 | animateOut: "fadeOut", | |||||
| 21559 | loop: false, | |||||
| 21560 | lazyLoad: true | |||||
| 21561 | }); | |||||
| 21562 | }); | |||||
| 21563 | </script> | |||||
| 21564 | <div class="category-slider porto-products wpb_content_element mb-4"> | |||||
| 21565 | <div class="slider-wrapper"> | |||||
| 21566 | <ul class="products products-container products-slider owl-carousel category-pos-outside category-text-center category-color-dark"> | |||||
| 21567 | <li class="product-category product-col"> | |||||
| 21568 | <a href="#"> | |||||
| 21569 | <div class="thumb-info align-center"> | |||||
| 21570 | <div class="thumb-info-wrapper tf-none"> | |||||
| 21571 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/34/shop34_cat1.jpg"}}" /> | |||||
| 21572 | </div> | |||||
| 21573 | <div class="thumb-info-wrap"> | |||||
| 21574 | <div class="thumb-info-title"> | |||||
| 21575 | <h3 class="sub-title thumb-info-inner">Fashion</h3> | |||||
| 21576 | <span class="thumb-info-type"><mark class="count">7</mark> Products </span> | |||||
| 21577 | </div> | |||||
| 21578 | </div> | |||||
| 21579 | </div> | |||||
| 21580 | </a> | |||||
| 21581 | </li> | |||||
| 21582 | <li class="product-category product-col"> | |||||
| 21583 | <a href="#"> | |||||
| 21584 | <div class="thumb-info align-center"> | |||||
| 21585 | <div class="thumb-info-wrapper tf-none"> | |||||
| 21586 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/34/shop34_cat2.jpg"}}" /> | |||||
| 21587 | </div> | |||||
| 21588 | <div class="thumb-info-wrap"> | |||||
| 21589 | <div class="thumb-info-title"> | |||||
| 21590 | <h3 class="sub-title thumb-info-inner">Furniture</h3> | |||||
| 21591 | <span class="thumb-info-type"><mark class="count">1</mark> Products </span> | |||||
| 21592 | </div> | |||||
| 21593 | </div> | |||||
| 21594 | </div> | |||||
| 21595 | </a> | |||||
| 21596 | </li> | |||||
| 21597 | <li class="product-category product-col"> | |||||
| 21598 | <a href="#"> | |||||
| 21599 | <div class="thumb-info align-center"> | |||||
| 21600 | <div class="thumb-info-wrapper tf-none"> | |||||
| 21601 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/34/shop34_cat3.jpg"}}" /> | |||||
| 21602 | </div> | |||||
| 21603 | <div class="thumb-info-wrap"> | |||||
| 21604 | <div class="thumb-info-title"> | |||||
| 21605 | <h3 class="sub-title thumb-info-inner">Sports</h3> | |||||
| 21606 | <span class="thumb-info-type"><mark class="count">2</mark> Products </span> | |||||
| 21607 | </div> | |||||
| 21608 | </div> | |||||
| 21609 | </div> | |||||
| 21610 | </a> | |||||
| 21611 | </li> | |||||
| 21612 | <li class="product-category product-col"> | |||||
| 21613 | <a href="#"> | |||||
| 21614 | <div class="thumb-info align-center"> | |||||
| 21615 | <div class="thumb-info-wrapper tf-none"> | |||||
| 21616 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/34/shop34_cat4.jpg"}}" /> | |||||
| 21617 | </div> | |||||
| 21618 | <div class="thumb-info-wrap"> | |||||
| 21619 | <div class="thumb-info-title"> | |||||
| 21620 | <h3 class="sub-title thumb-info-inner">Toys</h3> | |||||
| 21621 | <span class="thumb-info-type"><mark class="count">2</mark> Products </span> | |||||
| 21622 | </div> | |||||
| 21623 | </div> | |||||
| 21624 | </div> | |||||
| 21625 | </a> | |||||
| 21626 | </li> | |||||
| 21627 | <li class="product-category product-col"> | |||||
| 21628 | <a href="#"> | |||||
| 21629 | <div class="thumb-info align-center"> | |||||
| 21630 | <div class="thumb-info-wrapper tf-none"> | |||||
| 21631 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/34/shop34_cat5.jpg"}}" /> | |||||
| 21632 | </div> | |||||
| 21633 | <div class="thumb-info-wrap"> | |||||
| 21634 | <div class="thumb-info-title"> | |||||
| 21635 | <h3 class="sub-title thumb-info-inner">Cameras</h3> | |||||
| 21636 | <span class="thumb-info-type"><mark class="count">1</mark> Products </span> | |||||
| 21637 | </div> | |||||
| 21638 | </div> | |||||
| 21639 | </div> | |||||
| 21640 | </a> | |||||
| 21641 | </li> | |||||
| 21642 | <li class="product-category product-col"> | |||||
| 21643 | <a href="#"> | |||||
| 21644 | <div class="thumb-info align-center"> | |||||
| 21645 | <div class="thumb-info-wrapper tf-none"> | |||||
| 21646 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/34/shop34_cat6.jpg"}}" /> | |||||
| 21647 | </div> | |||||
| 21648 | <div class="thumb-info-wrap"> | |||||
| 21649 | <div class="thumb-info-title"> | |||||
| 21650 | <h3 class="sub-title thumb-info-inner">Gaming</h3> | |||||
| 21651 | <span class="thumb-info-type"><mark class="count">1</mark> Products </span> | |||||
| 21652 | </div> | |||||
| 21653 | </div> | |||||
| 21654 | </div> | |||||
| 21655 | </a> | |||||
| 21656 | </li> | |||||
| 21657 | <li class="product-category product-col"> | |||||
| 21658 | <a href="#"> | |||||
| 21659 | <div class="thumb-info align-center"> | |||||
| 21660 | <div class="thumb-info-wrapper tf-none"> | |||||
| 21661 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/34/shop34_cat7.jpg"}}" /> | |||||
| 21662 | </div> | |||||
| 21663 | <div class="thumb-info-wrap"> | |||||
| 21664 | <div class="thumb-info-title"> | |||||
| 21665 | <h3 class="sub-title thumb-info-inner">Headphones</h3> | |||||
| 21666 | <span class="thumb-info-type"><mark class="count">1</mark> Products </span> | |||||
| 21667 | </div> | |||||
| 21668 | </div> | |||||
| 21669 | </div> | |||||
| 21670 | </a> | |||||
| 21671 | </li> | |||||
| 21672 | <li class="product-category product-col"> | |||||
| 21673 | <a href="#"> | |||||
| 21674 | <div class="thumb-info align-center"> | |||||
| 21675 | <div class="thumb-info-wrapper tf-none"> | |||||
| 21676 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/34/shop34_cat8.jpg"}}" /> | |||||
| 21677 | </div> | |||||
| 21678 | <div class="thumb-info-wrap"> | |||||
| 21679 | <div class="thumb-info-title"> | |||||
| 21680 | <h3 class="sub-title thumb-info-inner">Smartphones</h3> | |||||
| 21681 | <span class="thumb-info-type"><mark class="count">1</mark> Products </span> | |||||
| 21682 | </div> | |||||
| 21683 | </div> | |||||
| 21684 | </div> | |||||
| 21685 | </a> | |||||
| 21686 | </li> | |||||
| 21687 | </ul> | |||||
| 21688 | <script type="text/javascript"> | |||||
| 21689 | require([ | |||||
| 21690 | 'jquery', | |||||
| 21691 | 'owl.carousel/owl.carousel.min' | |||||
| 21692 | ], function ($) { | |||||
| 21693 | $(".category-slider .owl-carousel").owlCarousel({ | |||||
| 21694 | autoplay: false, | |||||
| 21695 | autoplayTimeout: 5000, | |||||
| 21696 | autoplayHoverPause: true, | |||||
| 21697 | loop: false, | |||||
| 21698 | navRewind: true, | |||||
| 21699 | lazyLoad:true, | |||||
| 21700 | margin: 0, | |||||
| 21701 | nav: false, | |||||
| 21702 | dots: false, | |||||
| 21703 | responsive: { | |||||
| 21704 | 0: { | |||||
| 21705 | items:2 | |||||
| 21706 | }, | |||||
| 21707 | 640: { | |||||
| 21708 | items:2 | |||||
| 21709 | }, | |||||
| 21710 | 768: { | |||||
| 21711 | items:3 | |||||
| 21712 | }, | |||||
| 21713 | 992: { | |||||
| 21714 | items:4 | |||||
| 21715 | }, | |||||
| 21716 | 1200: { | |||||
| 21717 | items:8 | |||||
| 21718 | } | |||||
| 21719 | } | |||||
| 21720 | }); | |||||
| 21721 | }); | |||||
| 21722 | </script> | |||||
| 21723 | </div> | |||||
| 21724 | </div> | |||||
| 21725 | <div class="porto-ultimate-content-box-container mb-4 pb-3 text-center has-middle-content"> | |||||
| 21726 | <div class="porto-ultimate-content-box" style="background-color: #ffffff;padding: 20px;"> | |||||
| 21727 | <h5 style="font-size: 5rem; line-height: 1; font-weight: 800; letter-spacing: -0.025em;" class="vc_custom_heading text-bg custom-font1 text-shadow-1 mb-0 align-left text-uppercase heading-light"> | |||||
| 21728 | DOWNLOAD OUR APP DOWNLOAD OUR APP DOWNLOAD OUR APP DOWNLOAD OUR APP DOWNLOAD OUR APP DOWNLOAD OUR APP DOWNLOAD OUR APP DOWNLOAD OUR APP | |||||
| 21729 | </h5> | |||||
| 21730 | <h5 style="font-size: 0.8125rem; color: #777777; line-height: 1.2; text-align: center; letter-spacing: 0.025em;" class="vc_custom_heading custom-font1 mb-0">EXCLUSIVE SALES, GET IT NOW!</h5> | |||||
| 21731 | <h3 style="font-size: 2rem; line-height: 1.2; text-align: center; font-weight: 800; letter-spacing: -0.025em;" class="vc_custom_heading py-2 mb-0 mx-4 pr-2"><i>DOWNLOAD OUR APP</i></h3> | |||||
| 21732 | <div class="btn-container mb-0 d-inline-block"> | |||||
| 21733 | <a class="vc_btn3 vc_btn3-shape-default btn btn-modern btn-md btn-dark" style="font-size: 0.8125rem; font-weight: 700; letter-spacing: -0.025em; padding-left: 2.5rem; padding-right: 2.5rem;" href="#" title=""> | |||||
| 21734 | GET Now! | |||||
| 21735 | </a> | |||||
| 21736 | </div> | |||||
| 21737 | </div> | |||||
| 21738 | </div> | |||||
| 21739 | </div> | |||||
| 21740 | </div> | |||||
| 21741 | </div> | |||||
| 21742 | </div> | |||||
| 21743 | <div class="vc_row wpb_row vc_row-has-fill porto-inner-container" style="background: #fff;"> | |||||
| 21744 | <div class="porto-wrap-container container"> | |||||
| 21745 | <div class="row"> | |||||
| 21746 | <div class="vc_column_container col-md-12"> | |||||
| 21747 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 21748 | <style> | |||||
| 21749 | .features-slider .porto-sicon-box { | |||||
| 21750 | justify-content: center; | |||||
| 21751 | } | |||||
| 21752 | </style> | |||||
| 21753 | <div class="infobox-carousel porto-carousel owl-carousel mb-0 p-t-xl p-b-md features-slider"> | |||||
| 21754 | <div class="porto-sicon-box style_1 default-icon"> | |||||
| 21755 | <div class="porto-sicon-default"> | |||||
| 21756 | <div class="porto-just-icon-wrapper porto-icon none" style="color: #3150ff; font-size: 35px;"><i class="porto-icon-shipping"></i></div> | |||||
| 21757 | </div> | |||||
| 21758 | <div class="porto-sicon-header"> | |||||
| 21759 | <h3 class="porto-sicon-title" style="font-weight: 600; font-size: 15px; line-height: 15px; letter-spacing: -0.025em; color: #282d3b;">FREE SHIPPING & RETURN</h3> | |||||
| 21760 | <p style="font-weight: 300; font-size: 13px; line-height: 19px; letter-spacing: 0.01em;">Free shipping on all orders over $99.</p> | |||||
| 21761 | </div> | |||||
| 21762 | </div> | |||||
| 21763 | <div class="porto-sicon-box style_1 default-icon"> | |||||
| 21764 | <div class="porto-sicon-default"> | |||||
| 21765 | <div class="porto-just-icon-wrapper porto-icon none" style="color: #3150ff; font-size: 35px;"><i class="porto-icon-money"></i></div> | |||||
| 21766 | </div> | |||||
| 21767 | <div class="porto-sicon-header"> | |||||
| 21768 | <h3 class="porto-sicon-title" style="font-weight: 600; font-size: 15px; line-height: 15px; letter-spacing: -0.025em; color: #282d3b;">MONEY BACK GUARANTEE</h3> | |||||
| 21769 | <p style="font-weight: 300; font-size: 13px; line-height: 19px; letter-spacing: 0.01em;">100% money back guarantee</p> | |||||
| 21770 | </div> | |||||
| 21771 | </div> | |||||
| 21772 | <div class="porto-sicon-box style_1 default-icon"> | |||||
| 21773 | <div class="porto-sicon-default"> | |||||
| 21774 | <div class="porto-just-icon-wrapper porto-icon none" style="color: #3150ff; font-size: 37px;"><i class="porto-icon-support"></i></div> | |||||
| 21775 | </div> | |||||
| 21776 | <div class="porto-sicon-header"> | |||||
| 21777 | <h3 class="porto-sicon-title" style="font-weight: 600; font-size: 15px; line-height: 15px; letter-spacing: -0.025em; color: #282d3b;">ONLINE SUPPORT 24/7</h3> | |||||
| 21778 | <p style="font-weight: 300; font-size: 13px; line-height: 19px; letter-spacing: 0.01em;">Lorem ipsum dolor sit amet.</p> | |||||
| 21779 | </div> | |||||
| 21780 | </div> | |||||
| 21781 | <div class="porto-sicon-box style_1 default-icon"> | |||||
| 21782 | <div class="porto-sicon-default"> | |||||
| 21783 | <div class="porto-just-icon-wrapper porto-icon none" style="color: #3150ff; font-size: 35px;"><i class="porto-icon-secure-payment"></i></div> | |||||
| 21784 | </div> | |||||
| 21785 | <div class="porto-sicon-header"> | |||||
| 21786 | <h3 class="porto-sicon-title" style="font-weight: 600; font-size: 15px; line-height: 15px; letter-spacing: -0.025em; color: #282d3b;">SECURE PAYMENT</h3> | |||||
| 21787 | <p style="font-weight: 300; font-size: 13px; line-height: 19px; letter-spacing: 0.01em;">Lorem ipsum dolor sit amet.</p> | |||||
| 21788 | </div> | |||||
| 21789 | </div> | |||||
| 21790 | </div> | |||||
| 21791 | <script type="text/javascript"> | |||||
| 21792 | require([ | |||||
| 21793 | 'jquery', | |||||
| 21794 | 'owl.carousel/owl.carousel.min' | |||||
| 21795 | ], function ($) { | |||||
| 21796 | $(".infobox-carousel.owl-carousel").owlCarousel({ | |||||
| 21797 | autoplay: false, | |||||
| 21798 | autoplayTimeout: 5000, | |||||
| 21799 | autoplayHoverPause: true, | |||||
| 21800 | loop: false, | |||||
| 21801 | navRewind: true, | |||||
| 21802 | lazyLoad:true, | |||||
| 21803 | margin: 0, | |||||
| 21804 | nav: false, | |||||
| 21805 | dots: false, | |||||
| 21806 | responsive: { | |||||
| 21807 | 0: { | |||||
| 21808 | items:1 | |||||
| 21809 | }, | |||||
| 21810 | 640: { | |||||
| 21811 | items:1 | |||||
| 21812 | }, | |||||
| 21813 | 768: { | |||||
| 21814 | items:2 | |||||
| 21815 | }, | |||||
| 21816 | 992: { | |||||
| 21817 | items:2 | |||||
| 21818 | }, | |||||
| 21819 | 1200: { | |||||
| 21820 | items:4 | |||||
| 21821 | } | |||||
| 21822 | } | |||||
| 21823 | }); | |||||
| 21824 | }); | |||||
| 21825 | </script> | |||||
| 21826 | <style> | |||||
| 21827 | .sale-text { | |||||
| 21828 | padding: .175em .3em; | |||||
| 21829 | position: relative; | |||||
| 21830 | transform: rotate(-1.5deg); | |||||
| 21831 | white-space: nowrap; | |||||
| 21832 | } | |||||
| 21833 | .sale-text i { | |||||
| 21834 | font-style: normal; | |||||
| 21835 | position: absolute; | |||||
| 21836 | left: -2.25em; | |||||
| 21837 | top: 50%; | |||||
| 21838 | transform: translateY(-50%) rotate(-90deg); | |||||
| 21839 | font-size: .4em; | |||||
| 21840 | opacity: .6; | |||||
| 21841 | letter-spacing: 0; | |||||
| 21842 | } | |||||
| 21843 | .sale-text sub { | |||||
| 21844 | position: absolute; | |||||
| 21845 | left: 100%; | |||||
| 21846 | margin-left: .6rem; | |||||
| 21847 | bottom: .3em; | |||||
| 21848 | font-size: 62%; | |||||
| 21849 | line-height: 1; | |||||
| 21850 | } | |||||
| 21851 | </style> | |||||
| 21852 | <div class="vc_row wpb_row vc_inner row mb-3"> | |||||
| 21853 | <div class="vc_column_container col-md-4"> | |||||
| 21854 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 21855 | <div class="porto-ibanner m-b-md" style="background: #222529; min-height: 198px;"> | |||||
| 21856 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/34/shop34_home_banner5.jpg"}}" /> | |||||
| 21857 | <div class="porto-ibanner-desc no-padding d-flex"> | |||||
| 21858 | <div class="porto-ibanner-layer p-r-md p-b-md text-right" style="right: 0%; bottom: 0%;"> | |||||
| 21859 | <h5 style="font-size: 1.625rem; line-height: 0.9; letter-spacing: 0.01em;margin-right: 1.6em;" | |||||
| 21860 | class="vc_custom_heading d-inline-block custom-font1 sale-text mb-5 background-color-secondary align-left heading-light"> | |||||
| 21861 | <i>UP TO</i>50%<sub>OFF</sub> | |||||
| 21862 | </h5> | |||||
| 21863 | <h4 style="font-size: 0.875rem; color: rgba(255, 255, 255, 0.4); line-height: 1; letter-spacing: 0.025em;" class="vc_custom_heading mb-1 custom-font1 align-right text-uppercase">flash sales on</h4> | |||||
| 21864 | <h3 style="font-size: 1.875rem; line-height: 1; letter-spacing: 0.01em;" class="vc_custom_heading mb-0 align-left heading-light">NICE SHOES</h3> | |||||
| 21865 | </div> | |||||
| 21866 | </div> | |||||
| 21867 | </div> | |||||
| 21868 | </div> | |||||
| 21869 | </div> | |||||
| 21870 | <div class="vc_column_container col-md-8"> | |||||
| 21871 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 21872 | <div class="porto-ibanner m-b-md" style="background: #eeeeee; min-height: 198px;"> | |||||
| 21873 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/34/shop34_home_banner4.jpg"}}" /> | |||||
| 21874 | <div class="porto-ibanner-desc no-padding d-flex"> | |||||
| 21875 | <div class="porto-ibanner-layer" style="right: 10.5%; top: 50%; transform: translateY(-50%);"> | |||||
| 21876 | <h3 style="font-size: 2.25em; line-height: 1.2; letter-spacing: 0.01em;" class="vc_custom_heading mb-0 align-right"> | |||||
| 21877 | TOP ELECTRONIC<br /> | |||||
| 21878 | FOR GIFTS | |||||
| 21879 | </h3> | |||||
| 21880 | </div> | |||||
| 21881 | </div> | |||||
| 21882 | </div> | |||||
| 21883 | </div> | |||||
| 21884 | </div> | |||||
| 21885 | </div> | |||||
| 21886 | <div class="porto-sicon-box mb-3 space-sm style_1 default-icon"> | |||||
| 21887 | <div class="porto-sicon-default"> | |||||
| 21888 | <div class="porto-just-icon-wrapper porto-icon none" style="color: #222529; font-size: 34px; margin-right: 0.25rem;"><i class="porto-icon-percent-shape"></i></div> | |||||
| 21889 | </div> | |||||
| 21890 | <div class="porto-sicon-header"><h2 class="porto-sicon-title" style="font-weight: 600; font-size: 1.375rem; line-height: 1;">Special Offers</h2></div> | |||||
| 21891 | </div> | |||||
| 21892 | <style> | |||||
| 21893 | .top-sale-product { | |||||
| 21894 | border: 2px solid #0e39ff; | |||||
| 21895 | height: 100%; | |||||
| 21896 | } | |||||
| 21897 | .top-sale-product .product-item-info:hover .product-item-photo { | |||||
| 21898 | box-shadow: none; | |||||
| 21899 | } | |||||
| 21900 | .top-sale-product .product-item .weltpixel-quickview.weltpixel_quickview_button_v2 { | |||||
| 21901 | display: none; | |||||
| 21902 | } | |||||
| 21903 | .top-sale-product .product-item-info .product-item-details .product-item-actions .tocart { | |||||
| 21904 | padding-left: 45px; | |||||
| 21905 | height: 56px; | |||||
| 21906 | line-height: 56px; | |||||
| 21907 | padding-right: 45px; | |||||
| 21908 | font-size: 14px; | |||||
| 21909 | border-radius: 7px; | |||||
| 21910 | } | |||||
| 21911 | .top-sale-product .product-item-actions .actions-secondary.action { | |||||
| 21912 | height: 56px; | |||||
| 21913 | line-height: 56px; | |||||
| 21914 | } | |||||
| 21915 | .top-sale-product .product-item-info.type1 .product-item-inner { | |||||
| 21916 | margin-top: 46px; | |||||
| 21917 | } | |||||
| 21918 | .top-sale-product .add_to_cart_button { | |||||
| 21919 | padding-left: 45px; | |||||
| 21920 | height: 56px; | |||||
| 21921 | line-height: 56px; | |||||
| 21922 | padding-right: 45px; | |||||
| 21923 | font-size: 14px; | |||||
| 21924 | border-radius: 7px; | |||||
| 21925 | } | |||||
| 21926 | .top-sale-product .product-item .tocart::before { | |||||
| 21927 | font-size: 24px!important; | |||||
| 21928 | font-weight: 300!important; | |||||
| 21929 | } | |||||
| 21930 | .border-gray { | |||||
| 21931 | border-style: solid; | |||||
| 21932 | border-width: 2px; | |||||
| 21933 | border-color: rgba(0,0,0,.09); | |||||
| 21934 | } | |||||
| 21935 | @media (min-width: 768px) { | |||||
| 21936 | .border-gray { | |||||
| 21937 | margin-left: -22px; | |||||
| 21938 | } | |||||
| 21939 | } | |||||
| 21940 | </style> | |||||
| 21941 | <div class="pt_row wpb_row pt_inner row pt_row-o-equal-height pt_row-flex" style="margin-bottom: 45px;"> | |||||
| 21942 | <div class="pt_column_container col-md-4"> | |||||
| 21943 | <div class="wpb_wrapper pt_column-inner"> | |||||
| 21944 | <div class="porto-products wpb_content_element top-sale-product mb-0 countdown-style-1"> | |||||
| 21945 | {{block class="Smartwave\Filterproducts\Block\Home\SaleList" name="featured_product" product_type="1" product_count="1" column_count="1" aspect_ratio="0" image_width="450" image_height="450" template="grid.phtml"}} | |||||
| 21946 | </div> | |||||
| 21947 | </div> | |||||
| 21948 | </div> | |||||
| 21949 | <div class="pt_column_container col-md-8"> | |||||
| 21950 | <div class="wpb_wrapper pt_column-inner"> | |||||
| 21951 | <div class="porto-products wpb_content_element mb-0 border-gray h-100"> | |||||
| 21952 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_type="6" product_count="8" column_count="4" aspect_ratio="0" image_width="350" image_height="350" template="grid.phtml"}} | |||||
| 21953 | </div> | |||||
| 21954 | </div> | |||||
| 21955 | </div> | |||||
| 21956 | </div> | |||||
| 21957 | </div> | |||||
| 21958 | </div> | |||||
| 21959 | </div> | |||||
| 21960 | </div> | |||||
| 21961 | </div> | |||||
| 21962 | <div class="pt_row wpb_row p-t-xl porto-inner-container"> | |||||
| 21963 | <style> | |||||
| 21964 | .porto-ibanner.h-100>img { | |||||
| 21965 | height: 100%; | |||||
| 21966 | } | |||||
| 21967 | .porto-products.filter-vertical { | |||||
| 21968 | display: flex; | |||||
| 21969 | flex-wrap: wrap; | |||||
| 21970 | } | |||||
| 21971 | .porto-products.filter-vertical .section-title { | |||||
| 21972 | font-size: 1.375rem; | |||||
| 21973 | font-weight: 600; | |||||
| 21974 | text-transform: none; | |||||
| 21975 | flex: 0 0 100%; | |||||
| 21976 | color: #313131; | |||||
| 21977 | } | |||||
| 21978 | .porto-products .product-categories { | |||||
| 21979 | list-style: none; | |||||
| 21980 | padding-left: 0; | |||||
| 21981 | margin-bottom: 1rem; | |||||
| 21982 | } | |||||
| 21983 | .porto-products.filter-vertical .product-categories a { | |||||
| 21984 | display: block; | |||||
| 21985 | position: relative; | |||||
| 21986 | color: #777; | |||||
| 21987 | font-size: .8125rem; | |||||
| 21988 | } | |||||
| 21989 | .porto-products .product-categories a { | |||||
| 21990 | padding: .25rem 0!important; | |||||
| 21991 | } | |||||
| 21992 | .porto-products.filter-vertical .products-filter+div { | |||||
| 21993 | padding: 0; | |||||
| 21994 | } | |||||
| 21995 | .products-grid:not(.small-list) .product-item .product-item-info { | |||||
| 21996 | background: #fff; | |||||
| 21997 | } | |||||
| 21998 | @media (max-width: 767px) { | |||||
| 21999 | .porto-products.filter-vertical .product-categories li { | |||||
| 22000 | display: inline-block; | |||||
| 22001 | margin-right: 20px; | |||||
| 22002 | } | |||||
| 22003 | } | |||||
| 22004 | @media (min-width: 768px) { | |||||
| 22005 | .porto-products.filter-vertical .products-filter { | |||||
| 22006 | padding: 1rem 1rem 3rem; | |||||
| 22007 | background: #fff; | |||||
| 22008 | flex: 0 0 16.6666%; | |||||
| 22009 | } | |||||
| 22010 | .porto-products.filter-vertical .products-filter+div { | |||||
| 22011 | max-width: 83.3333%; | |||||
| 22012 | -webkit-flex: 0 0 83.3333%; | |||||
| 22013 | flex: 0 0 83.3333%; | |||||
| 22014 | padding-left: 15px; | |||||
| 22015 | padding-right: 15px; | |||||
| 22016 | } | |||||
| 22017 | .porto-products.filter-vertical+.porto-sicon-box-link { | |||||
| 22018 | position: absolute; | |||||
| 22019 | bottom: .75rem; | |||||
| 22020 | left: 1rem; | |||||
| 22021 | } | |||||
| 22022 | } | |||||
| 22023 | @media (min-width: 992px) { | |||||
| 22024 | .porto-products.filter-vertical .products-filter { | |||||
| 22025 | padding: 2rem 2rem 3rem; | |||||
| 22026 | max-width: 25%; | |||||
| 22027 | flex-basis: 25%; | |||||
| 22028 | border: none; | |||||
| 22029 | } | |||||
| 22030 | .porto-products.filter-vertical .products-filter+div { | |||||
| 22031 | max-width: calc(50% + 10px); | |||||
| 22032 | flex-basis: calc(50% + 10px); | |||||
| 22033 | margin-left: auto; | |||||
| 22034 | padding: 0; | |||||
| 22035 | overflow: hidden; | |||||
| 22036 | } | |||||
| 22037 | .pc-home-category-banner { | |||||
| 22038 | position: absolute!important; | |||||
| 22039 | left: 25%; | |||||
| 22040 | width: calc(25% - 10px); | |||||
| 22041 | top: 0; | |||||
| 22042 | bottom: 0; | |||||
| 22043 | } | |||||
| 22044 | .porto-products.filter-vertical+.porto-sicon-box-link { | |||||
| 22045 | left: 2rem; | |||||
| 22046 | } | |||||
| 22047 | } | |||||
| 22048 | @media (min-width: 992px) and (max-width: 1219px) { | |||||
| 22049 | .porto-products .product-categories a { | |||||
| 22050 | padding: 1px 0!important; | |||||
| 22051 | } | |||||
| 22052 | } | |||||
| 22053 | </style> | |||||
| 22054 | <div class="porto-wrap-container container"> | |||||
| 22055 | <div class="row"> | |||||
| 22056 | <div class="pt_column_container col-md-12"> | |||||
| 22057 | <div class="wpb_wrapper pt_column-inner"> | |||||
| 22058 | <div class="pt_row wpb_row pt_inner row position-relative no-padding mx-0 mb-5 pt_row-o-equal-height pt_row-flex"> | |||||
| 22059 | <div class="pc-home-category-banner mb-4 mb-md-0 pt_column_container col-md-6 col-lg-3"> | |||||
| 22060 | <div class="wpb_wrapper pt_column-inner"> | |||||
| 22061 | <div class="porto-ibanner h-100 mb-0" style="background: #efeeec;"> | |||||
| 22062 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/34/shop34_home_banner3.jpg"}}" /> | |||||
| 22063 | <div class="porto-ibanner-desc no-padding d-flex"> | |||||
| 22064 | <div class="porto-ibanner-layer text-right" style="left: 50%; transform: translateX(-50%); top: 6.5%;"> | |||||
| 22065 | <h5 style="font-size: 0.875em; color: #999999; line-height: 1; font-weight: 400; letter-spacing: 0.05em;" class="vc_custom_heading mb-1 align-left"><i>Find the Boundaries. Push Through!</i></h5> | |||||
| 22066 | <h3 style="font-size: 2.5em; line-height: 1; letter-spacing: 0.165em;" class="vc_custom_heading mb-0 text-nowrap align-left text-uppercase">mega sale</h3> | |||||
| 22067 | <h4 style="font-size: 4.1875em; line-height: 1;" class="vc_custom_heading mb-1 text-nowrap align-left">70% OFF</h4> | |||||
| 22068 | <h5 style="font-size: 0.75em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading d-inline-block align-middle mr-3 align-left text-uppercase">STARTING AT</h5> | |||||
| 22069 | <h5 style="font-size: 1.6em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading sale-text d-inline-block background-color-primary mr-2 align-left heading-light"><sup>$</sup>199<sup>99</sup></h5> | |||||
| 22070 | </div> | |||||
| 22071 | </div> | |||||
| 22072 | </div> | |||||
| 22073 | </div> | |||||
| 22074 | </div> | |||||
| 22075 | <div class="pt_column_container col-md-12"> | |||||
| 22076 | <div class="wpb_wrapper pt_column-inner"> | |||||
| 22077 | <div class="porto-products wpb_content_element show-category filter-vertical mb-3 mb-md-0"> | |||||
| 22078 | <div class="products-filter"> | |||||
| 22079 | <h4 class="section-title">Sort By</h4> | |||||
| 22080 | <ul class="product-categories"> | |||||
| 22081 | <li><a href="#">Kids Fashion</a></li> | |||||
| 22082 | <li><a href="#">Casual Shoes</a></li> | |||||
| 22083 | <li><a href="#">Spring & Autumn</a></li> | |||||
| 22084 | <li><a href="#">Man</a></li> | |||||
| 22085 | <li><a href="#">Accessories</a></li> | |||||
| 22086 | <li><a href="#">Pants & Denim</a></li> | |||||
| 22087 | <li><a href="#">Tees, Knits & Polos</a></li> | |||||
| 22088 | <li><a href="#">Watch Fashion</a></li> | |||||
| 22089 | <li><a href="#">Woman</a></li> | |||||
| 22090 | <li><a href="#">Accessories</a></li> | |||||
| 22091 | <li><a href="#">Dresses & Skirts</a></li> | |||||
| 22092 | <li><a href="#">Shoes & Boots</a></li> | |||||
| 22093 | <li><a href="#">Top & Blouses</a></li> | |||||
| 22094 | </ul> | |||||
| 22095 | </div> | |||||
| 22096 | <div class="porto-products"> | |||||
| 22097 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_type="6" product_count="6" column_count="3" aspect_ratio="0" image_width="350" image_height="300" template="grid.phtml"}} | |||||
| 22098 | </div> | |||||
| 22099 | </div> | |||||
| 22100 | <a class="porto-sicon-box-link" href="#"> | |||||
| 22101 | <div class="porto-sicon-box d-inline-block mb-0 mb-md-4 style_1 heading-right-icon"> | |||||
| 22102 | <div class="porto-sicon-header"><h6 class="porto-sicon-title" style="font-weight: 600; font-size: 0.75rem; line-height: 1; letter-spacing: -0.02em; color: #0e39ff;">View All</h6></div> | |||||
| 22103 | <div class="porto-sicon-heading-right"> | |||||
| 22104 | <div class="porto-just-icon-wrapper porto-icon none" style="color: #0e39ff; font-size: 12px;"><i class="fas fa-long-arrow-alt-right"></i></div> | |||||
| 22105 | </div> | |||||
| 22106 | </div> | |||||
| 22107 | </a> | |||||
| 22108 | </div> | |||||
| 22109 | </div> | |||||
| 22110 | </div> | |||||
| 22111 | </div> | |||||
| 22112 | </div> | |||||
| 22113 | </div> | |||||
| 22114 | </div> | |||||
| 22115 | </div> | |||||
| 22116 | <div class="vc_row wpb_row m-b-xl no-padding porto-inner-container"> | |||||
| 22117 | <style> | |||||
| 22118 | .vc_row.no-padding>.container>.row { | |||||
| 22119 | margin-left: 0; | |||||
| 22120 | margin-right: 0; | |||||
| 22121 | } | |||||
| 22122 | ||||||
| 22123 | .cat-list .thumb-info-title>a, .cat-grid .thumb-info-title>a { | |||||
| 22124 | order: -1; | |||||
| 22125 | font-size: .8125rem; | |||||
| 22126 | text-transform: uppercase; | |||||
| 22127 | letter-spacing: -.01em; | |||||
| 22128 | margin-bottom: .5rem; | |||||
| 22129 | } | |||||
| 22130 | .cat-list .product-category .sub-categories, .cat-grid .product-category .sub-categories { | |||||
| 22131 | font-size: .8125rem; | |||||
| 22132 | display: flex; | |||||
| 22133 | flex-wrap: wrap; | |||||
| 22134 | margin: 0; | |||||
| 22135 | } | |||||
| 22136 | .cat-list .thumb-info { | |||||
| 22137 | display: flex; | |||||
| 22138 | flex-direction: column; | |||||
| 22139 | padding: 0!important; | |||||
| 22140 | } | |||||
| 22141 | .cat-list .sub-categories li { | |||||
| 22142 | padding: .25rem .25rem .25rem 0; | |||||
| 22143 | width: 100%; | |||||
| 22144 | white-space: nowrap; | |||||
| 22145 | overflow: hidden; | |||||
| 22146 | text-overflow: ellipsis; | |||||
| 22147 | } | |||||
| 22148 | .subcats-cols-2 .sub-categories li { | |||||
| 22149 | width: 50%; | |||||
| 22150 | } | |||||
| 22151 | ul.products.category-pos-outside li.product-category .thumb-info-title { | |||||
| 22152 | padding: .75rem 0 0; | |||||
| 22153 | } | |||||
| 22154 | .subcats-cols-2 .thumb-info>a, .cat-grid .thumb-info>a { | |||||
| 22155 | font-size: .75rem; | |||||
| 22156 | font-weight: 600; | |||||
| 22157 | letter-spacing: -.02em; | |||||
| 22158 | order: 2; | |||||
| 22159 | white-space: nowrap; | |||||
| 22160 | } | |||||
| 22161 | .subcats-cols-2 .thumb-info>a:before, .cat-grid .thumb-info>a:before { | |||||
| 22162 | content: 'View All'; | |||||
| 22163 | margin-right: 2px; | |||||
| 22164 | } | |||||
| 22165 | .subcats-cols-2 .thumb-info>a:after, .cat-grid .thumb-info>a:after { | |||||
| 22166 | content: "\f30b"; | |||||
| 22167 | font-family: 'Font Awesome 5 Free'; | |||||
| 22168 | font-weight: 900; | |||||
| 22169 | } | |||||
| 22170 | .cat-list .thumb-info-title { | |||||
| 22171 | display: flex!important; | |||||
| 22172 | flex-direction: column; | |||||
| 22173 | text-align: left!important; | |||||
| 22174 | letter-spacing: 0; | |||||
| 22175 | } | |||||
| 22176 | ul.products, .products-slider.products { | |||||
| 22177 | margin-bottom: -1px!important; | |||||
| 22178 | } | |||||
| 22179 | .products-slider.owl-carousel .owl-stage-outer { | |||||
| 22180 | margin-top: 0; | |||||
| 22181 | padding-top: 1px; | |||||
| 22182 | } | |||||
| 22183 | .custom-padding .products-slider.owl-carousel .product-item { | |||||
| 22184 | padding-left: .5px; | |||||
| 22185 | padding-right: .5px; | |||||
| 22186 | margin-bottom: 1px; | |||||
| 22187 | } | |||||
| 22188 | .custom-padding .product-item-details { | |||||
| 22189 | padding: 15px 15px 1px; | |||||
| 22190 | } | |||||
| 22191 | .custom-padding .product-item-info.type3 .product-item-actions .towishlist { | |||||
| 22192 | right: 15px; | |||||
| 22193 | bottom: -62px; | |||||
| 22194 | } | |||||
| 22195 | @media (max-width: 575px) { | |||||
| 22196 | .p-t-xl { | |||||
| 22197 | padding-top: 20px!important; | |||||
| 22198 | } | |||||
| 22199 | .p-r-xl { | |||||
| 22200 | padding-right: 20px!important; | |||||
| 22201 | } | |||||
| 22202 | .p-l-xl { | |||||
| 22203 | padding-left: 20px!important; | |||||
| 22204 | } | |||||
| 22205 | .m-r-n-xl { | |||||
| 22206 | margin-right: -20px!important; | |||||
| 22207 | } | |||||
| 22208 | .m-l-n-xl { | |||||
| 22209 | margin-left: -20px!important; | |||||
| 22210 | } | |||||
| 22211 | } | |||||
| 22212 | @media (min-width: 1220px) { | |||||
| 22213 | .w-mc { | |||||
| 22214 | width: min-content; | |||||
| 22215 | } | |||||
| 22216 | } | |||||
| 22217 | </style> | |||||
| 22218 | <div class="porto-wrap-container container"> | |||||
| 22219 | <div class="row"> | |||||
| 22220 | <div class="p-t-xl p-l-xl p-r-xl vc_column_container background-color-light col-md-12"> | |||||
| 22221 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 22222 | <h2 style="font-size: 1.375rem; line-height: 1; font-weight: 600; letter-spacing: 0;" class="vc_custom_heading mb-3 align-left">Electronics</h2> | |||||
| 22223 | <div class="vc_row wpb_row vc_inner row"> | |||||
| 22224 | <div class="vc_column_container col-md-6"> | |||||
| 22225 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 22226 | <div id="interactive-banner-wrap-7219" class="porto-ibanner m-b-md" style="background: #efeeec; min-height: 150px;"> | |||||
| 22227 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/34/shop34_home_banner6.jpg"}}" /> | |||||
| 22228 | <div class="porto-ibanner-desc no-padding d-flex"> | |||||
| 22229 | <div class="porto-ibanner-layer d-flex flex-wrap flex-xl-nowrap align-items-center" style="width: 60%; left: 37%; top: 50%; transform: translateY(-50%);"> | |||||
| 22230 | <div class="wpb_raw_code wpb_content_element wpb_raw_html custom-font1 mb-0 mr-3 mr-xl-4"> | |||||
| 22231 | <div class="wpb_wrapper"> | |||||
| 22232 | <div style="font-size: 1.125em; line-height: 1.2; font-weight: 700; padding: 0.5em;" class="mb-2 sale-text background-color-dark text-light">Exclusive COUPON</div> | |||||
| 22233 | <div style="font-size: 1.6em; line-height: 1; font-weight: 700;" class="mb-0 sale-text background-color-dark text-color-dark d-inline-block"><i>UP TO</i><b class="text-color-light">$100</b><sub>OFF</sub></div> | |||||
| 22234 | </div> | |||||
| 22235 | </div> | |||||
| 22236 | <h4 style="font-size: 2em; line-height: 1.2;" class="vc_custom_heading mb-0 w-mc text-xl-right align-left">DRONE & CAMERAS</h4> | |||||
| 22237 | </div> | |||||
| 22238 | </div> | |||||
| 22239 | </div> | |||||
| 22240 | </div> | |||||
| 22241 | </div> | |||||
| 22242 | <div class="vc_column_container col-md-6"> | |||||
| 22243 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 22244 | <div id="interactive-banner-wrap-6621" class="porto-ibanner m-b-md" style="background: #222529; min-height: 150px;"> | |||||
| 22245 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/34/shop34_home_banner7.jpg"}}" /> | |||||
| 22246 | <div class="porto-ibanner-desc no-padding d-flex"> | |||||
| 22247 | <div class="porto-ibanner-layer d-flex flex-wrap flex-xl-nowrap align-items-center" style="width: 60%; left: 37%; top: 50%; transform: translateY(-50%);"> | |||||
| 22248 | <h4 style="font-size: 1.9em; line-height: 1.1;" class="vc_custom_heading my-1 w-mc mr-4 text-xl-center align-left heading-light">ELECTRONIC DEALS</h4> | |||||
| 22249 | <div class="wpb_raw_code wpb_content_element wpb_raw_html custom-font1 mb-0"> | |||||
| 22250 | <div class="wpb_wrapper"> | |||||
| 22251 | <div style="font-size: 0.94em; line-height: 1.2; font-weight: 700; padding: 0.5em;" class="mb-2 sale-text background-color-light text-color-dark">Exclusive COUPON</div> | |||||
| 22252 | <div style="font-size: 1.5em; line-height: 1; font-weight: 700;" class="mb-0 sale-text background-color-secondary text-light d-inline-block"><i>UP TO</i><b>$100</b><sub>OFF</sub></div> | |||||
| 22253 | </div> | |||||
| 22254 | </div> | |||||
| 22255 | </div> | |||||
| 22256 | </div> | |||||
| 22257 | </div> | |||||
| 22258 | </div> | |||||
| 22259 | </div> | |||||
| 22260 | </div> | |||||
| 22261 | <div class="porto-products wpb_content_element cat-list subcats-cols-2 mb-4 hide-count"> | |||||
| 22262 | <div class="columns-4"> | |||||
| 22263 | <ul class="row products products-container grid category-pos-outside category-text-left category-color-dark show-nav-middle is-shortcode" style="margin-left:-10px;margin-right:-10px;"> | |||||
| 22264 | <li class="product-category product-col col-lg-3 col-md-4 col-sm-12"> | |||||
| 22265 | <div class="thumb-info align-center"> | |||||
| 22266 | <a href="#"></a> | |||||
| 22267 | <div class="thumb-info-wrap"> | |||||
| 22268 | <div class="thumb-info-title"> | |||||
| 22269 | <ul class="sub-categories"> | |||||
| 22270 | <li class="cat-item cat-item-50"><a href="#">Bags & Cases</a></li> | |||||
| 22271 | <li class="cat-item cat-item-47"><a href="#">Batteries</a></li> | |||||
| 22272 | <li class="cat-item cat-item-45"><a href="#">Cables & Adapters</a></li> | |||||
| 22273 | <li class="cat-item cat-item-48"><a href="#">Chargers</a></li> | |||||
| 22274 | <li class="cat-item cat-item-46"><a href="#">Electronic Cigarettes</a></li> | |||||
| 22275 | <li class="cat-item cat-item-49"><a href="#">Home Electronic</a></li> | |||||
| 22276 | </ul> | |||||
| 22277 | <a href="#"><h3 class="sub-title thumb-info-inner">Accessories</h3></a> | |||||
| 22278 | <span class="thumb-info-type"><mark class="count">4</mark> Products </span> | |||||
| 22279 | </div> | |||||
| 22280 | </div> | |||||
| 22281 | </div> | |||||
| 22282 | </li> | |||||
| 22283 | <li class="product-category product-col col-lg-3 col-md-4 col-sm-12"> | |||||
| 22284 | <div class="thumb-info align-center"> | |||||
| 22285 | <a href="#"></a> | |||||
| 22286 | <div class="thumb-info-wrap"> | |||||
| 22287 | <div class="thumb-info-title"> | |||||
| 22288 | <ul class="sub-categories"> | |||||
| 22289 | <li class="cat-item cat-item-55"><a href="#">Audio Amplifier</a></li> | |||||
| 22290 | <li class="cat-item cat-item-54"><a href="#">HDMI Projectors</a></li> | |||||
| 22291 | <li class="cat-item cat-item-53"><a href="#">Projectors</a></li> | |||||
| 22292 | <li class="cat-item cat-item-51"><a href="#">Televisions</a></li> | |||||
| 22293 | <li class="cat-item cat-item-52"><a href="#">TV Receivers</a></li> | |||||
| 22294 | <li class="cat-item cat-item-56"><a href="#">TV Sticks</a></li> | |||||
| 22295 | </ul> | |||||
| 22296 | <a href="#"><h3 class="sub-title thumb-info-inner">Audio & Video</h3></a> | |||||
| 22297 | <span class="thumb-info-type"><mark class="count">4</mark> Products </span> | |||||
| 22298 | </div> | |||||
| 22299 | </div> | |||||
| 22300 | </div> | |||||
| 22301 | </li> | |||||
| 22302 | <li class="product-category product-col col-lg-3 col-md-4 col-sm-12"> | |||||
| 22303 | <div class="thumb-info align-center"> | |||||
| 22304 | <a href="#"></a> | |||||
| 22305 | <div class="thumb-info-wrap"> | |||||
| 22306 | <div class="thumb-info-title"> | |||||
| 22307 | <ul class="sub-categories"> | |||||
| 22308 | <li class="cat-item cat-item-60"><a href="#">Action Cameras</a></li> | |||||
| 22309 | <li class="cat-item cat-item-58"><a href="#">Camcorders</a></li> | |||||
| 22310 | <li class="cat-item cat-item-62"><a href="#">Camera & Photo</a></li> | |||||
| 22311 | <li class="cat-item cat-item-59"><a href="#">Camera Drones</a></li> | |||||
| 22312 | <li class="cat-item cat-item-57"><a href="#">Digital Cameras</a></li> | |||||
| 22313 | <li class="cat-item cat-item-61"><a href="#">Photo Supplies</a></li> | |||||
| 22314 | </ul> | |||||
| 22315 | <a href="#"><h3 class="sub-title thumb-info-inner">Camera & Photo</h3></a> | |||||
| 22316 | <span class="thumb-info-type"><mark class="count">2</mark> Products </span> | |||||
| 22317 | </div> | |||||
| 22318 | </div> | |||||
| 22319 | </div> | |||||
| 22320 | </li> | |||||
| 22321 | <li class="product-category product-col col-lg-3 col-md-4 col-sm-12"> | |||||
| 22322 | <div class="thumb-info align-center"> | |||||
| 22323 | <a href="#"></a> | |||||
| 22324 | <div class="thumb-info-wrap"> | |||||
| 22325 | <div class="thumb-info-title"> | |||||
| 22326 | <ul class="sub-categories"> | |||||
| 22327 | <li class="cat-item cat-item-63"><a href="#">Gaming Laptops</a></li> | |||||
| 22328 | <li class="cat-item cat-item-66"><a href="#">Laptop Accessories</a></li> | |||||
| 22329 | <li class="cat-item cat-item-68"><a href="#">Laptop Bags & Cases</a></li> | |||||
| 22330 | <li class="cat-item cat-item-67"><a href="#">Tablet Accessories</a></li> | |||||
| 22331 | <li class="cat-item cat-item-65"><a href="#">Tablets</a></li> | |||||
| 22332 | <li class="cat-item cat-item-64"><a href="#">Ultraslim Laptops</a></li> | |||||
| 22333 | </ul> | |||||
| 22334 | <a href="#"><h3 class="sub-title thumb-info-inner">Laptops</h3></a> | |||||
| 22335 | <span class="thumb-info-type"><mark class="count">2</mark> Products </span> | |||||
| 22336 | </div> | |||||
| 22337 | </div> | |||||
| 22338 | </div> | |||||
| 22339 | </li> | |||||
| 22340 | </ul> | |||||
| 22341 | </div> | |||||
| 22342 | </div> | |||||
| 22343 | <div id="category1-products" class="custom-padding porto-products wpb_content_element m-l-n-xl m-r-n-xl bg-gray mb-0"> | |||||
| 22344 | <div class="slider-wrapper" style="margin-left: -.5px;margin-right: -.5px;"> | |||||
| 22345 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" extra_class="show-dots-title-right dots-style-1" product_type="3" product_count="8" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||||
| 22346 | <script type="text/javascript"> | |||||
| 22347 | require([ | |||||
| 22348 | 'jquery', | |||||
| 22349 | 'owl.carousel/owl.carousel.min' | |||||
| 22350 | ], function ($) { | |||||
| 22351 | $("#category1-products .owl-carousel").owlCarousel({ | |||||
| 22352 | autoplay: false, | |||||
| 22353 | autoplayTimeout: 5000, | |||||
| 22354 | autoplayHoverPause: true, | |||||
| 22355 | loop: false, | |||||
| 22356 | navRewind: true, | |||||
| 22357 | lazyLoad:true, | |||||
| 22358 | margin: 0, | |||||
| 22359 | nav: false, | |||||
| 22360 | dots: false, | |||||
| 22361 | responsive: { | |||||
| 22362 | 0: { | |||||
| 22363 | items:2 | |||||
| 22364 | }, | |||||
| 22365 | 640: { | |||||
| 22366 | items:2 | |||||
| 22367 | }, | |||||
| 22368 | 768: { | |||||
| 22369 | items:2 | |||||
| 22370 | }, | |||||
| 22371 | 992: { | |||||
| 22372 | items:4 | |||||
| 22373 | }, | |||||
| 22374 | 1200: { | |||||
| 22375 | items:6 | |||||
| 22376 | } | |||||
| 22377 | } | |||||
| 22378 | }); | |||||
| 22379 | }); | |||||
| 22380 | </script> | |||||
| 22381 | </div> | |||||
| 22382 | </div> | |||||
| 22383 | </div> | |||||
| 22384 | </div> | |||||
| 22385 | </div> | |||||
| 22386 | </div> | |||||
| 22387 | </div> | |||||
| 22388 | <div class="vc_row wpb_row m-b-xl no-padding porto-inner-container"> | |||||
| 22389 | <style> | |||||
| 22390 | .cat-medium .thumb-info { | |||||
| 22391 | flex-direction: row; | |||||
| 22392 | align-items: center; | |||||
| 22393 | } | |||||
| 22394 | .cat-medium .thumb-info>a { | |||||
| 22395 | flex: 0 0 36%; | |||||
| 22396 | max-width: 36%; | |||||
| 22397 | margin-right: 4%; | |||||
| 22398 | text-align: center; | |||||
| 22399 | } | |||||
| 22400 | .cat-medium .thumb-info i { | |||||
| 22401 | display: block; | |||||
| 22402 | font-size: 3.5rem; | |||||
| 22403 | color: #ccc; | |||||
| 22404 | } | |||||
| 22405 | .cat-medium .thumb-info>a { | |||||
| 22406 | flex: 0 0 36%; | |||||
| 22407 | max-width: 36%; | |||||
| 22408 | margin-right: 4%; | |||||
| 22409 | text-align: center; | |||||
| 22410 | } | |||||
| 22411 | .cat-medium .thumb-info-wrap { | |||||
| 22412 | flex: 0 0 60%; | |||||
| 22413 | max-width: 60%; | |||||
| 22414 | } | |||||
| 22415 | .porto-ibanner-layer { | |||||
| 22416 | position: absolute; | |||||
| 22417 | z-index: 10; | |||||
| 22418 | } | |||||
| 22419 | .big-number { | |||||
| 22420 | top: .0125em; | |||||
| 22421 | letter-spacing: -.025em; | |||||
| 22422 | } | |||||
| 22423 | .big-number small { | |||||
| 22424 | font-size: .1413em!important; | |||||
| 22425 | font-weight: inherit; | |||||
| 22426 | letter-spacing: 0; | |||||
| 22427 | line-height: 1; | |||||
| 22428 | position: absolute; | |||||
| 22429 | top: 50%; | |||||
| 22430 | right: 1.62em; | |||||
| 22431 | text-align: center; | |||||
| 22432 | transform: translateY(-54%); | |||||
| 22433 | } | |||||
| 22434 | .big-number ins { | |||||
| 22435 | display: block; | |||||
| 22436 | text-decoration: none; | |||||
| 22437 | font-size: 50%; | |||||
| 22438 | text-transform: uppercase; | |||||
| 22439 | } | |||||
| 22440 | </style> | |||||
| 22441 | <div class="porto-wrap-container container"> | |||||
| 22442 | <div class="row"> | |||||
| 22443 | <div class="background-color-light p-t-xl p-l-xl p-r-xl vc_column_container col-md-12"> | |||||
| 22444 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 22445 | <h2 style="font-size: 1.375rem; line-height: 1; font-weight: 600; letter-spacing: 0;" class="vc_custom_heading mb-4 align-left">Gift & Gadgets</h2> | |||||
| 22446 | <div id="porto-product-categories-8562" class="porto-products wpb_content_element cat-list cat-medium mb-3 hide-count"> | |||||
| 22447 | <div class="columns-4"> | |||||
| 22448 | <ul class="row no-adding products products-container grid category-pos-outside category-text-center category-color-dark"> | |||||
| 22449 | <li class="product-category product-col cat-has-icon col-lg-3 col-md-4 col-sm-12"> | |||||
| 22450 | <div class="thumb-info align-center"> | |||||
| 22451 | <a href="#"><i class="porto-icon-boy-broad-smile"></i></a> | |||||
| 22452 | <div class="thumb-info-wrap"> | |||||
| 22453 | <div class="thumb-info-title"> | |||||
| 22454 | <ul class="sub-categories"> | |||||
| 22455 | <li class="cat-item cat-item-74"><a href="E">Gifts for Boyfriend</a></li> | |||||
| 22456 | <li class="cat-item cat-item-76"><a href="#">Gifts for Dad</a></li> | |||||
| 22457 | <li class="cat-item cat-item-75"><a href="#">Gifts for Husband</a></li> | |||||
| 22458 | </ul> | |||||
| 22459 | <a href="#"><h3 class="sub-title thumb-info-inner">For Him</h3></a> | |||||
| 22460 | <span class="thumb-info-type"><mark class="count">3</mark> Products </span> | |||||
| 22461 | </div> | |||||
| 22462 | </div> | |||||
| 22463 | </div> | |||||
| 22464 | </li> | |||||
| 22465 | <li class="product-category product-col cat-has-icon col-lg-3 col-md-4 col-sm-12"> | |||||
| 22466 | <div class="thumb-info align-center"> | |||||
| 22467 | <a href="#"><i class="porto-icon-smiling-girl"></i></a> | |||||
| 22468 | <div class="thumb-info-wrap"> | |||||
| 22469 | <div class="thumb-info-title"> | |||||
| 22470 | <ul class="sub-categories"> | |||||
| 22471 | <li class="cat-item cat-item-77"><a href="#">Gifts for Girlfriend</a></li> | |||||
| 22472 | <li class="cat-item cat-item-79"><a href="#">Gifts for Mom</a></li> | |||||
| 22473 | <li class="cat-item cat-item-78"><a href="#">Gifts for Wife</a></li> | |||||
| 22474 | </ul> | |||||
| 22475 | <a href="#"><h3 class="sub-title thumb-info-inner">For Her</h3></a> | |||||
| 22476 | <span class="thumb-info-type"><mark class="count">4</mark> Products </span> | |||||
| 22477 | </div> | |||||
| 22478 | </div> | |||||
| 22479 | </div> | |||||
| 22480 | </li> | |||||
| 22481 | <li class="product-category product-col cat-has-icon col-lg-3 col-md-4 col-sm-12"> | |||||
| 22482 | <div class="thumb-info align-center"> | |||||
| 22483 | <a href="#"><i class="porto-icon-smiling-baby"></i></a> | |||||
| 22484 | <div class="thumb-info-wrap"> | |||||
| 22485 | <div class="thumb-info-title"> | |||||
| 22486 | <ul class="sub-categories"> | |||||
| 22487 | <li class="cat-item cat-item-80"><a href="#">Gifts for Boys</a></li> | |||||
| 22488 | <li class="cat-item cat-item-81"><a href="#">Gifts for Girls</a></li> | |||||
| 22489 | <li class="cat-item cat-item-82"><a href="#">Gifts for Tween Boys</a></li> | |||||
| 22490 | </ul> | |||||
| 22491 | <a href="#"><h3 class="sub-title thumb-info-inner">For Kids</h3></a> | |||||
| 22492 | <span class="thumb-info-type"><mark class="count">4</mark> Products </span> | |||||
| 22493 | </div> | |||||
| 22494 | </div> | |||||
| 22495 | </div> | |||||
| 22496 | </li> | |||||
| 22497 | <li class="product-category product-col cat-has-icon col-lg-3 col-md-4 col-sm-12"> | |||||
| 22498 | <div class="thumb-info align-center"> | |||||
| 22499 | <a href="#"><i class="porto-icon-gift-2"></i></a> | |||||
| 22500 | <div class="thumb-info-wrap"> | |||||
| 22501 | <div class="thumb-info-title"> | |||||
| 22502 | <ul class="sub-categories"> | |||||
| 22503 | <li class="cat-item cat-item-84"><a href="#">Birthday for Her</a></li> | |||||
| 22504 | <li class="cat-item cat-item-83"><a href="#">Birthday for Him</a></li> | |||||
| 22505 | <li class="cat-item cat-item-85"><a href="#">Boyfriend Gifts</a></li> | |||||
| 22506 | </ul> | |||||
| 22507 | <a href="#"><h3 class="sub-title thumb-info-inner">Birthday</h3></a> | |||||
| 22508 | <span class="thumb-info-type"><mark class="count">5</mark> Products </span> | |||||
| 22509 | </div> | |||||
| 22510 | </div> | |||||
| 22511 | </div> | |||||
| 22512 | </li> | |||||
| 22513 | </ul> | |||||
| 22514 | </div> | |||||
| 22515 | </div> | |||||
| 22516 | <div id="category2-products" class="custom-padding porto-products wpb_content_element m-l-n-xl m-r-n-xl bg-gray mb-0"> | |||||
| 22517 | <div class="slider-wrapper" style="margin-left: -.5px;margin-right: -.5px;"> | |||||
| 22518 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" extra_class="show-dots-title-right dots-style-1" product_type="3" product_count="8" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||||
| 22519 | <script type="text/javascript"> | |||||
| 22520 | require([ | |||||
| 22521 | 'jquery', | |||||
| 22522 | 'owl.carousel/owl.carousel.min' | |||||
| 22523 | ], function ($) { | |||||
| 22524 | $("#category2-products .owl-carousel").owlCarousel({ | |||||
| 22525 | autoplay: false, | |||||
| 22526 | autoplayTimeout: 5000, | |||||
| 22527 | autoplayHoverPause: true, | |||||
| 22528 | loop: false, | |||||
| 22529 | navRewind: true, | |||||
| 22530 | lazyLoad:true, | |||||
| 22531 | margin: 0, | |||||
| 22532 | nav: false, | |||||
| 22533 | dots: false, | |||||
| 22534 | responsive: { | |||||
| 22535 | 0: { | |||||
| 22536 | items:2 | |||||
| 22537 | }, | |||||
| 22538 | 640: { | |||||
| 22539 | items:2 | |||||
| 22540 | }, | |||||
| 22541 | 768: { | |||||
| 22542 | items:2 | |||||
| 22543 | }, | |||||
| 22544 | 992: { | |||||
| 22545 | items:4 | |||||
| 22546 | }, | |||||
| 22547 | 1200: { | |||||
| 22548 | items:6 | |||||
| 22549 | } | |||||
| 22550 | } | |||||
| 22551 | }); | |||||
| 22552 | }); | |||||
| 22553 | </script> | |||||
| 22554 | </div> | |||||
| 22555 | </div> | |||||
| 22556 | <div class="porto-ibanner mb-0 m-l-n-xl m-r-n-xl home-percent-banner" style="background: #ffaa89; min-height: 167px;"> | |||||
| 22557 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/34/shop34_home_banner8.jpg"}}" /> | |||||
| 22558 | <div class="porto-ibanner-desc no-padding d-flex"> | |||||
| 22559 | <div class="porto-ibanner-layer d-flex align-items-center flex-wrap" style="width: 86%; left: 7%; top: 50%; transform: translateY(-50%);"> | |||||
| 22560 | <div class="porto-u-heading mr-3 my-2" data-hspacer="no_spacer" data-halign="left" style="text-align: left;"> | |||||
| 22561 | <div class="porto-u-main-heading"> | |||||
| 22562 | <h4 style="font-weight: 300; color: #ffffff; margin-bottom: 4px; font-size: 1.25em; line-height: 1.1; letter-spacing: 0.17em;">THE PERFECT GIFT FOR YOUR GIRLFRIEND</h4> | |||||
| 22563 | </div> | |||||
| 22564 | <div class="porto-u-sub-heading" style="font-weight: 700; color: #ffffff; font-size: 2.5625em; line-height: 1;">GIFT SELECTION ON SALE</div> | |||||
| 22565 | </div> | |||||
| 22566 | <h5 style="font-size: 12em; line-height: 0.8;margin-right: .16em;" class="vc_custom_heading mb-0 position-relative big-number align-left heading-light"> | |||||
| 22567 | 50<small>%<ins>OFF</ins></small> | |||||
| 22568 | </h5> | |||||
| 22569 | <div class="btn-container d-inline-block"> | |||||
| 22570 | <a class="vc_btn3 vc_btn3-shape-default btn btn-modern btn-md btn-light" style="font-size: 0.85em; font-weight: 700; padding: 1em 3em;" href="#" title=""> | |||||
| 22571 | SHOP NOW! | |||||
| 22572 | </a> | |||||
| 22573 | </div> | |||||
| 22574 | </div> | |||||
| 22575 | </div> | |||||
| 22576 | <style> | |||||
| 22577 | @media (max-width: 991px) { | |||||
| 22578 | .home-percent-banner .porto-ibanner-layer { | |||||
| 22579 | font-size: 9px; | |||||
| 22580 | } | |||||
| 22581 | } | |||||
| 22582 | @media (max-width: 575px) { | |||||
| 22583 | .home-percent-banner .porto-ibanner-layer { | |||||
| 22584 | font-size: 7px; | |||||
| 22585 | } | |||||
| 22586 | } | |||||
| 22587 | </style> | |||||
| 22588 | </div> | |||||
| 22589 | </div> | |||||
| 22590 | </div> | |||||
| 22591 | </div> | |||||
| 22592 | </div> | |||||
| 22593 | </div> | |||||
| 22594 | <div class="vc_row wpb_row m-b-xl no-padding porto-inner-container"> | |||||
| 22595 | <style> | |||||
| 22596 | .cat-grid .thumb-info { | |||||
| 22597 | padding: 0!important; | |||||
| 22598 | display: flex; | |||||
| 22599 | padding: 0!important; | |||||
| 22600 | } | |||||
| 22601 | .cat-grid .sub-categories li { | |||||
| 22602 | padding: 0; | |||||
| 22603 | margin: 0 2rem .5rem 0; | |||||
| 22604 | } | |||||
| 22605 | .cat-grid .thumb-info>a { | |||||
| 22606 | margin-left: .5rem; | |||||
| 22607 | padding-top: .9rem; | |||||
| 22608 | } | |||||
| 22609 | .cat-grid .thumb-info-title { | |||||
| 22610 | display: flex!important; | |||||
| 22611 | letter-spacing: 0; | |||||
| 22612 | flex-wrap: wrap; | |||||
| 22613 | align-items: center; | |||||
| 22614 | text-align: left!important; | |||||
| 22615 | } | |||||
| 22616 | .cat-grid .thumb-info-title { | |||||
| 22617 | display: flex!important; | |||||
| 22618 | letter-spacing: 0; | |||||
| 22619 | flex-wrap: wrap; | |||||
| 22620 | align-items: center; | |||||
| 22621 | text-align: left!important; | |||||
| 22622 | } | |||||
| 22623 | .cat-grid .thumb-info-title .sub-title { | |||||
| 22624 | margin-right: 3rem!important; | |||||
| 22625 | font-size: 1.375rem!important; | |||||
| 22626 | font-weight: 600!important; | |||||
| 22627 | } | |||||
| 22628 | .cat-grid ul.products li.product-category { | |||||
| 22629 | margin-bottom: 1.4286em; | |||||
| 22630 | position: relative; | |||||
| 22631 | flex: 0 0 100%; | |||||
| 22632 | width: 100%; | |||||
| 22633 | padding: 0; | |||||
| 22634 | } | |||||
| 22635 | </style> | |||||
| 22636 | <div class="porto-wrap-container container"> | |||||
| 22637 | <div class="row"> | |||||
| 22638 | <div class="background-color-light p-t-lg p-l-xl p-r-xl vc_column_container col-md-12 col-lg-9"> | |||||
| 22639 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 22640 | <div class="porto-products wpb_content_element cat-grid mb-0 hide-count"> | |||||
| 22641 | <div class=" columns-1"> | |||||
| 22642 | <ul class="products products-container grid category-pos-outside category-text-center category-color-dark show-nav-middle"> | |||||
| 22643 | <li class="product-category product-col"> | |||||
| 22644 | <div class="thumb-info align-center"> | |||||
| 22645 | <a href="#"></a> | |||||
| 22646 | <div class="thumb-info-wrap"> | |||||
| 22647 | <div class="thumb-info-title"> | |||||
| 22648 | <ul class="sub-categories"> | |||||
| 22649 | <li class="cat-item cat-item-87"><a href="#">Furniture</a></li> | |||||
| 22650 | <li class="cat-item cat-item-90"><a href="#">Garden & Outdoors</a></li> | |||||
| 22651 | <li class="cat-item cat-item-89"><a href="#">Home Accessories</a></li> | |||||
| 22652 | <li class="cat-item cat-item-88"><a href="#">Lighting</a></li> | |||||
| 22653 | </ul> | |||||
| 22654 | <a href="#"><h3 class="sub-title thumb-info-inner">Home & Garden</h3></a> | |||||
| 22655 | <span class="thumb-info-type"><mark class="count">4</mark> Products </span> | |||||
| 22656 | </div> | |||||
| 22657 | </div> | |||||
| 22658 | </div> | |||||
| 22659 | </li> | |||||
| 22660 | </ul> | |||||
| 22661 | </div> | |||||
| 22662 | </div> | |||||
| 22663 | <div class="porto-ibanner home-percent-banner" style="background: #f4ece4;"> | |||||
| 22664 | <img src="{{media url="wysiwyg/smartwave/porto/homepage/34/shop34_home_banner9.jpg"}}" /> | |||||
| 22665 | <div class="porto-ibanner-desc no-padding d-flex"> | |||||
| 22666 | <div class="porto-ibanner-layer" style="left: 4%; top: 50%; transform: translateY(-50%);"> | |||||
| 22667 | <div class="vc_custom_heading mb-1 heading heading-border heading-middle-border heading-middle-border-center heading-border-xs heading1814034712"> | |||||
| 22668 | <h5 style="font-size: 0.85em; line-height: 1; text-align: center; font-weight: 600; letter-spacing: 0.2em;" class="heading-tag text-uppercase">Amazing</h5> | |||||
| 22669 | </div> | |||||
| 22670 | <h3 style="font-size: 1.875em; line-height: 1.1; text-align: center; font-weight: 800;" class="vc_custom_heading px-3 mb-2 text-uppercase">Collection</h3> | |||||
| 22671 | <div class="porto-separator mb-2 pb-1"><hr class="separator-line align_center solid" style="background-color: #dfddda;" /></div> | |||||
| 22672 | <h5 style="font-size: 0.85em; color: rgba(34, 37, 41, 0.7); line-height: 1; text-align: center; font-weight: 600; letter-spacing: 0.2em;" class="vc_custom_heading mb-0 text-uppercase">Check our discounts</h5> | |||||
| 22673 | </div> | |||||
| 22674 | <div class="porto-ibanner-layer" style="right: 5%; top: 50%; transform: translateY(-50%);"> | |||||
| 22675 | <h3 style="font-size: 1.6875em; line-height: 1; text-align: center; letter-spacing: -0.02em;" class="vc_custom_heading mb-2 text-uppercase">STARTING AT <sup>$</sup>199<sup>99</sup></h3> | |||||
| 22676 | <h6 style="font-size: 0.7em; color: #777777; line-height: 1; text-align: center; font-weight: 600; letter-spacing: 0.18em;" class="vc_custom_heading mb-0 text-uppercase">* limited time only</h6> | |||||
| 22677 | </div> | |||||
| 22678 | </div> | |||||
| 22679 | </div> | |||||
| 22680 | <style> | |||||
| 22681 | .product.data.items > .item.title { | |||||
| 22682 | color: #777; | |||||
| 22683 | font-weight: 400; | |||||
| 22684 | text-transform: none; | |||||
| 22685 | font-size: .8125rem; | |||||
| 22686 | } | |||||
| 22687 | .product.data.items > .item.title > .switch { | |||||
| 22688 | font-size: inherit; | |||||
| 22689 | } | |||||
| 22690 | .product.data.items > .item.title.active { | |||||
| 22691 | color: #0e39ff; | |||||
| 22692 | font-weight: 600; | |||||
| 22693 | } | |||||
| 22694 | .product.data.items > .item.content { | |||||
| 22695 | background: #e7e7e7; | |||||
| 22696 | } | |||||
| 22697 | @media(max-width: 767px){ | |||||
| 22698 | .product.data.items > .item.title { | |||||
| 22699 | padding-left: 10px; | |||||
| 22700 | padding-right: 10px; | |||||
| 22701 | } | |||||
| 22702 | .product.data.items > .item.content { | |||||
| 22703 | padding-top: 0; | |||||
| 22704 | padding-bottom: 0; | |||||
| 22705 | } | |||||
| 22706 | } | |||||
| 22707 | @media(min-width: 768px){ | |||||
| 22708 | .product.data.items > .item.title:first-child { | |||||
| 22709 | margin-left: 40px; | |||||
| 22710 | } | |||||
| 22711 | .product.data.items > .item.title { | |||||
| 22712 | margin: 0 2rem 0 0; | |||||
| 22713 | padding: .25rem 0; | |||||
| 22714 | border-bottom-width: 0; | |||||
| 22715 | } | |||||
| 22716 | .product.data.items > .item.title.active { | |||||
| 22717 | border: none; | |||||
| 22718 | } | |||||
| 22719 | .product.data.items > .item.content { | |||||
| 22720 | border-top: none; | |||||
| 22721 | margin-top: 47px; | |||||
| 22722 | padding: 0; | |||||
| 22723 | } | |||||
| 22724 | } | |||||
| 22725 | </style> | |||||
| 22726 | <div class="tabs tabs-simple m-l-n-xl m-r-n-xl"> | |||||
| 22727 | <div class="product data items" data-mage-init='{"tabs":{"openedState":"active"}}'> | |||||
| 22728 | <div class="data item title" aria-labeledby="tab-label-tab1-title" data-role="collapsible" id="tab-label-tab1"> | |||||
| 22729 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#tab1" id="tab-label-tab1-title"> | |||||
| 22730 | <span>Best Sellers</span> | |||||
| 22731 | </a> | |||||
| 22732 | </div> | |||||
| 22733 | <div class="data item content bg-gray custom-padding" id="tab1" data-role="content"> | |||||
| 22734 | <div class="slider-wrapper" style="margin-left: -.5px;margin-right: -.5px;"> | |||||
| 22735 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" extra_class="show-dots-title-right dots-style-1" product_type="3" product_count="8" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||||
| 22736 | <script type="text/javascript"> | |||||
| 22737 | require([ | |||||
| 22738 | 'jquery', | |||||
| 22739 | 'owl.carousel/owl.carousel.min' | |||||
| 22740 | ], function ($) { | |||||
| 22741 | $("#tab1 .owl-carousel").owlCarousel({ | |||||
| 22742 | autoplay: false, | |||||
| 22743 | autoplayTimeout: 5000, | |||||
| 22744 | autoplayHoverPause: true, | |||||
| 22745 | loop: false, | |||||
| 22746 | navRewind: true, | |||||
| 22747 | lazyLoad:true, | |||||
| 22748 | margin: 0, | |||||
| 22749 | nav: false, | |||||
| 22750 | dots: false, | |||||
| 22751 | responsive: { | |||||
| 22752 | 0: { | |||||
| 22753 | items:2 | |||||
| 22754 | }, | |||||
| 22755 | 640: { | |||||
| 22756 | items:2 | |||||
| 22757 | }, | |||||
| 22758 | 768: { | |||||
| 22759 | items:2 | |||||
| 22760 | }, | |||||
| 22761 | 992: { | |||||
| 22762 | items:3 | |||||
| 22763 | }, | |||||
| 22764 | 1200: { | |||||
| 22765 | items:4 | |||||
| 22766 | } | |||||
| 22767 | } | |||||
| 22768 | }); | |||||
| 22769 | }); | |||||
| 22770 | </script> | |||||
| 22771 | </div> | |||||
| 22772 | </div> | |||||
| 22773 | <div class="data item title" aria-labeledby="tab-label-tab2-title" data-role="collapsible" id="tab-label-tab2"> | |||||
| 22774 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#tab2" id="tab-label-tab2-title"> | |||||
| 22775 | <span>New Arrivals</span> | |||||
| 22776 | </a> | |||||
| 22777 | </div> | |||||
| 22778 | <div class="data item content bg-gray custom-padding" id="tab2" data-role="content"> | |||||
| 22779 | <div class="slider-wrapper" style="margin-left: -.5px;margin-right: -.5px;"> | |||||
| 22780 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" extra_class="show-dots-title-right dots-style-1" product_type="3" product_count="8" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||||
| 22781 | <script type="text/javascript"> | |||||
| 22782 | require([ | |||||
| 22783 | 'jquery', | |||||
| 22784 | 'owl.carousel/owl.carousel.min' | |||||
| 22785 | ], function ($) { | |||||
| 22786 | $("#tab2 .owl-carousel").owlCarousel({ | |||||
| 22787 | autoplay: false, | |||||
| 22788 | autoplayTimeout: 5000, | |||||
| 22789 | autoplayHoverPause: true, | |||||
| 22790 | loop: false, | |||||
| 22791 | navRewind: true, | |||||
| 22792 | lazyLoad:true, | |||||
| 22793 | margin: 0, | |||||
| 22794 | nav: false, | |||||
| 22795 | dots: false, | |||||
| 22796 | responsive: { | |||||
| 22797 | 0: { | |||||
| 22798 | items:2 | |||||
| 22799 | }, | |||||
| 22800 | 640: { | |||||
| 22801 | items:2 | |||||
| 22802 | }, | |||||
| 22803 | 768: { | |||||
| 22804 | items:2 | |||||
| 22805 | }, | |||||
| 22806 | 992: { | |||||
| 22807 | items:3 | |||||
| 22808 | }, | |||||
| 22809 | 1200: { | |||||
| 22810 | items:4 | |||||
| 22811 | } | |||||
| 22812 | } | |||||
| 22813 | }); | |||||
| 22814 | }); | |||||
| 22815 | </script> | |||||
| 22816 | </div> | |||||
| 22817 | </div> | |||||
| 22818 | <div class="data item title" aria-labeledby="tab-label-tab3-title" data-role="collapsible" id="tab-label-tab3"> | |||||
| 22819 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#tab3" id="tab-label-tab3-title"> | |||||
| 22820 | <span>Best Ratings </span> | |||||
| 22821 | </a> | |||||
| 22822 | </div> | |||||
| 22823 | <div class="data item content bg-gray custom-padding" id="tab3" data-role="content"> | |||||
| 22824 | <div class="slider-wrapper" style="margin-left: -.5px;margin-right: -.5px;"> | |||||
| 22825 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" extra_class="show-dots-title-right dots-style-1" product_type="3" product_count="8" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||||
| 22826 | <script type="text/javascript"> | |||||
| 22827 | require([ | |||||
| 22828 | 'jquery', | |||||
| 22829 | 'owl.carousel/owl.carousel.min' | |||||
| 22830 | ], function ($) { | |||||
| 22831 | $("#tab3 .owl-carousel").owlCarousel({ | |||||
| 22832 | autoplay: false, | |||||
| 22833 | autoplayTimeout: 5000, | |||||
| 22834 | autoplayHoverPause: true, | |||||
| 22835 | loop: false, | |||||
| 22836 | navRewind: true, | |||||
| 22837 | lazyLoad:true, | |||||
| 22838 | margin: 0, | |||||
| 22839 | nav: false, | |||||
| 22840 | dots: false, | |||||
| 22841 | responsive: { | |||||
| 22842 | 0: { | |||||
| 22843 | items:2 | |||||
| 22844 | }, | |||||
| 22845 | 640: { | |||||
| 22846 | items:2 | |||||
| 22847 | }, | |||||
| 22848 | 768: { | |||||
| 22849 | items:2 | |||||
| 22850 | }, | |||||
| 22851 | 992: { | |||||
| 22852 | items:3 | |||||
| 22853 | }, | |||||
| 22854 | 1200: { | |||||
| 22855 | items:4 | |||||
| 22856 | } | |||||
| 22857 | } | |||||
| 22858 | }); | |||||
| 22859 | }); | |||||
| 22860 | </script> | |||||
| 22861 | </div> | |||||
| 22862 | </div> | |||||
| 22863 | </div> | |||||
| 22864 | </div> | |||||
| 22865 | </div> | |||||
| 22866 | </div> | |||||
| 22867 | <div class="background-color-light p-t-xl px-4 vc_column_container col-md-12 col-lg-3" style="border-left: 1px solid #eeeeee; border-radius: 1px;"> | |||||
| 22868 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 22869 | <div class="porto-sicon-box mb-4 space-sm style_1 default-icon"> | |||||
| 22870 | <div class="porto-sicon-default"> | |||||
| 22871 | <div class="porto-just-icon-wrapper porto-icon none" style="color: #222529; font-size: 30px;"><i class="porto-icon-percent-shape"></i></div> | |||||
| 22872 | </div> | |||||
| 22873 | <div class="porto-sicon-header"><h2 class="porto-sicon-title" style="font-weight: 600; font-size: 1.125rem; line-height: 1; letter-spacing: -0.025em;">Special Offers</h2></div> | |||||
| 22874 | </div> | |||||
| 22875 | <div class="wpb_content_element"> | |||||
| 22876 | <div class="widget widget_products"> | |||||
| 22877 | {{block class="Smartwave\Filterproducts\Block\Home\SaleList" name="featured_product" product_count="6" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}} | |||||
| 22878 | </div> | |||||
| 22879 | </div> | |||||
| 22880 | <a class="porto-sicon-box-link" href="#"> | |||||
| 22881 | <div class="porto-sicon-box d-inline-block mb-4 mt-3 ml-2 style_1 heading-right-icon"> | |||||
| 22882 | <div class="porto-sicon-header"><h6 class="porto-sicon-title" style="font-weight: 600; font-size: 0.75rem; line-height: 1; letter-spacing: -0.02em; color: #0e39ff;">View All</h6></div> | |||||
| 22883 | <div class="porto-sicon-heading-right"> | |||||
| 22884 | <div class="porto-just-icon-wrapper porto-icon none" style="color: #0e39ff; font-size: 12px;"><i class="fas fa-long-arrow-alt-right"></i></div> | |||||
| 22885 | </div> | |||||
| 22886 | </div> | |||||
| 22887 | </a> | |||||
| 22888 | </div> | |||||
| 22889 | </div> | |||||
| 22890 | </div> | |||||
| 22891 | </div> | |||||
| 22892 | </div> | |||||
| 22893 | <div class="vc_row wpb_row porto-inner-container"> | |||||
| 22894 | <div class="porto-wrap-container container"> | |||||
| 22895 | <div class="row"> | |||||
| 22896 | <div class="vc_column_container col-md-12"> | |||||
| 22897 | <div class="wpb_wrapper vc_column-inner"> | |||||
| 22898 | <h2 style="font-size: 1.375rem; line-height: 1; font-weight: 600;" class="vc_custom_heading mb-4 align-left">Featured Brands</h2> | |||||
| 22899 | <div class="porto-carousel brand-carousel owl-carousel bg-gray m-b-xl nav-style-1"> | |||||
| 22900 | <div class="item background-color-light" style="padding-top: 3.5rem;padding-bottom: 3.5rem;"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand1.png"}}" alt="" /></div> | |||||
| 22901 | <div class="item background-color-light" style="padding-top: 3.5rem;padding-bottom: 3.5rem;"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand2.png"}}" alt="" /></div> | |||||
| 22902 | <div class="item background-color-light" style="padding-top: 3.5rem;padding-bottom: 3.5rem;"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand3.png"}}" alt="" /></div> | |||||
| 22903 | <div class="item background-color-light" style="padding-top: 3.5rem;padding-bottom: 3.5rem;"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand4.png"}}" alt="" /></div> | |||||
| 22904 | <div class="item background-color-light" style="padding-top: 3.5rem;padding-bottom: 3.5rem;"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand5.png"}}" alt="" /></div> | |||||
| 22905 | <div class="item background-color-light" style="padding-top: 3.5rem;padding-bottom: 3.5rem;"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand6.png"}}" alt="" /></div> | |||||
| 22906 | <div class="item background-color-light" style="padding-top: 3.5rem;padding-bottom: 3.5rem;"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand1.png"}}" alt="" /></div> | |||||
| 22907 | </div> | |||||
| 22908 | <script type="text/javascript"> | |||||
| 22909 | require(["jquery", "owl.carousel/owl.carousel.min"], function ($) { | |||||
| 22910 | $(".brand-carousel.owl-carousel").owlCarousel({ | |||||
| 22911 | autoplay: true, | |||||
| 22912 | autoplayTimeout: 5000, | |||||
| 22913 | autoplayHoverPause: true, | |||||
| 22914 | nav: true, | |||||
| 22915 | dots: false, | |||||
| 22916 | loop: false, | |||||
| 22917 | margin: 1, | |||||
| 22918 | responsive: { | |||||
| 22919 | 0: { | |||||
| 22920 | items: 2, | |||||
| 22921 | }, | |||||
| 22922 | 640: { | |||||
| 22923 | items: 2, | |||||
| 22924 | }, | |||||
| 22925 | 768: { | |||||
| 22926 | items: 3, | |||||
| 22927 | }, | |||||
| 22928 | 992: { | |||||
| 22929 | items: 4, | |||||
| 22930 | }, | |||||
| 22931 | 1200: { | |||||
| 22932 | items: 6, | |||||
| 22933 | }, | |||||
| 22934 | }, | |||||
| 22935 | }); | |||||
| 22936 | }); | |||||
| 22937 | </script> | |||||
| 22938 | <div class="porto-products wpb_content_element show-category filter-horizontal bg-content-gray selected-products m-b-xl" style="clear:both;"> | |||||
| 22939 | <style> | |||||
| 22940 | .selected-products .product.data.items > .item.title:first-child { | |||||
| 22941 | margin-left: 0; | |||||
| 22942 | } | |||||
| 22943 | .selected-products .product.data.items > .item.title:first-child > * { | |||||
| 22944 | display: inline-block; | |||||
| 22945 | vertical-align: middle; | |||||
| 22946 | } | |||||
| 22947 | .selected-products .product.data.items > .item.title:first-child:before { | |||||
| 22948 | content: "Selected Products"; | |||||
| 22949 | font-size: 1.375rem; | |||||
| 22950 | font-weight: 600; | |||||
| 22951 | margin-right: 2rem; | |||||
| 22952 | color: #222529; | |||||
| 22953 | vertical-align: middle; | |||||
| 22954 | } | |||||
| 22955 | @media(max-width: 767px){ | |||||
| 22956 | .selected-products .product.data.items > .item.title:first-child > * { | |||||
| 22957 | display: block; | |||||
| 22958 | } | |||||
| 22959 | .selected-products .product.data.items > .item.title:first-child:before { | |||||
| 22960 | margin-bottom: 15px; | |||||
| 22961 | display: block; | |||||
| 22962 | } | |||||
| 22963 | } | |||||
| 22964 | </style> | |||||
| 22965 | <div class="tabs tabs-simple"> | |||||
| 22966 | <a class="porto-sicon-box-link" href="#" title="Shop" style="position: absolute;right: 10px;z-index:3;"> | |||||
| 22967 | <div class="porto-sicon-box mb-2 style_1 heading-right-icon" style="margin-top: 5px;"> | |||||
| 22968 | <div class="porto-sicon-header"><h6 class="porto-sicon-title" style="font-weight: 600; font-size: 0.75rem; line-height: 1; letter-spacing: -0.02em; color: #0e39ff;">View All</h6></div> | |||||
| 22969 | <div class="porto-sicon-heading-right"> | |||||
| 22970 | <div class="porto-just-icon-wrapper porto-icon none" style="color: #0e39ff; font-size: 12px;"><i class="fas fa-long-arrow-alt-right"></i></div> | |||||
| 22971 | </div> | |||||
| 22972 | </div> | |||||
| 22973 | </a> | |||||
| 22974 | <div class="product data items" data-mage-init='{"tabs":{"openedState":"active"}}'> | |||||
| 22975 | <div class="data item title" aria-labeledby="tab-label-tab2_1-title" data-role="collapsible" id="tab-label-tab2_1"> | |||||
| 22976 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#tab2_1" id="tab-label-tab2_1-title"> | |||||
| 22977 | <span>Best Sellers</span> | |||||
| 22978 | </a> | |||||
| 22979 | </div> | |||||
| 22980 | <div class="data item content bg-gray custom-padding" id="tab2_1" data-role="content"> | |||||
| 22981 | <div class="slider-wrapper" style="margin-left: -.5px;margin-right: -.5px;"> | |||||
| 22982 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" extra_class="nav-center-images-only nav-style-1 dots-style-1" product_type="3" product_count="8" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||||
| 22983 | <script type="text/javascript"> | |||||
| 22984 | require([ | |||||
| 22985 | 'jquery', | |||||
| 22986 | 'owl.carousel/owl.carousel.min' | |||||
| 22987 | ], function ($) { | |||||
| 22988 | $("#tab2_1 .owl-carousel").owlCarousel({ | |||||
| 22989 | autoplay: false, | |||||
| 22990 | autoplayTimeout: 5000, | |||||
| 22991 | autoplayHoverPause: true, | |||||
| 22992 | loop: false, | |||||
| 22993 | navRewind: true, | |||||
| 22994 | lazyLoad:true, | |||||
| 22995 | margin: 0, | |||||
| 22996 | nav: true, | |||||
| 22997 | dots: false, | |||||
| 22998 | responsive: { | |||||
| 22999 | 0: { | |||||
| 23000 | items:2 | |||||
| 23001 | }, | |||||
| 23002 | 640: { | |||||
| 23003 | items:2 | |||||
| 23004 | }, | |||||
| 23005 | 768: { | |||||
| 23006 | items:2 | |||||
| 23007 | }, | |||||
| 23008 | 992: { | |||||
| 23009 | items:4 | |||||
| 23010 | }, | |||||
| 23011 | 1200: { | |||||
| 23012 | items:6 | |||||
| 23013 | } | |||||
| 23014 | } | |||||
| 23015 | }); | |||||
| 23016 | }); | |||||
| 23017 | </script> | |||||
| 23018 | </div> | |||||
| 23019 | </div> | |||||
| 23020 | <div class="data item title" aria-labeledby="tab-label-tab2_2-title" data-role="collapsible" id="tab-label-tab2_2"> | |||||
| 23021 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#tab2_2" id="tab-label-tab2_2-title"> | |||||
| 23022 | <span>New Arrivals</span> | |||||
| 23023 | </a> | |||||
| 23024 | </div> | |||||
| 23025 | <div class="data item content bg-gray custom-padding" id="tab2_2" data-role="content"> | |||||
| 23026 | <div class="slider-wrapper" style="margin-left: -.5px;margin-right: -.5px;"> | |||||
| 23027 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" extra_class="nav-center-images-only nav-style-1 dots-style-1" product_type="3" product_count="8" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||||
| 23028 | <script type="text/javascript"> | |||||
| 23029 | require([ | |||||
| 23030 | 'jquery', | |||||
| 23031 | 'owl.carousel/owl.carousel.min' | |||||
| 23032 | ], function ($) { | |||||
| 23033 | $("#tab2_2 .owl-carousel").owlCarousel({ | |||||
| 23034 | autoplay: false, | |||||
| 23035 | autoplayTimeout: 5000, | |||||
| 23036 | autoplayHoverPause: true, | |||||
| 23037 | loop: false, | |||||
| 23038 | navRewind: true, | |||||
| 23039 | lazyLoad:true, | |||||
| 23040 | margin: 0, | |||||
| 23041 | nav: true, | |||||
| 23042 | dots: false, | |||||
| 23043 | responsive: { | |||||
| 23044 | 0: { | |||||
| 23045 | items:2 | |||||
| 23046 | }, | |||||
| 23047 | 640: { | |||||
| 23048 | items:2 | |||||
| 23049 | }, | |||||
| 23050 | 768: { | |||||
| 23051 | items:2 | |||||
| 23052 | }, | |||||
| 23053 | 992: { | |||||
| 23054 | items:4 | |||||
| 23055 | }, | |||||
| 23056 | 1200: { | |||||
| 23057 | items:6 | |||||
| 23058 | } | |||||
| 23059 | } | |||||
| 23060 | }); | |||||
| 23061 | }); | |||||
| 23062 | </script> | |||||
| 23063 | </div> | |||||
| 23064 | </div> | |||||
| 23065 | <div class="data item title" aria-labeledby="tab-label-tab2_3-title" data-role="collapsible" id="tab-label-tab2_3"> | |||||
| 23066 | <a class="data switch" tabindex="-1" data-toggle="switch" href="#tab2_3" id="tab-label-tab2_3-title"> | |||||
| 23067 | <span>Best Ratings </span> | |||||
| 23068 | </a> | |||||
| 23069 | </div> | |||||
| 23070 | <div class="data item content bg-gray custom-padding" id="tab2_3" data-role="content"> | |||||
| 23071 | <div class="slider-wrapper" style="margin-left: -.5px;margin-right: -.5px;"> | |||||
| 23072 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" extra_class="nav-center-images-only nav-style-1 dots-style-1" product_type="3" product_count="8" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||||
| 23073 | <script type="text/javascript"> | |||||
| 23074 | require([ | |||||
| 23075 | 'jquery', | |||||
| 23076 | 'owl.carousel/owl.carousel.min' | |||||
| 23077 | ], function ($) { | |||||
| 23078 | $("#tab2_3 .owl-carousel").owlCarousel({ | |||||
| 23079 | autoplay: false, | |||||
| 23080 | autoplayTimeout: 5000, | |||||
| 23081 | autoplayHoverPause: true, | |||||
| 23082 | loop: false, | |||||
| 23083 | navRewind: true, | |||||
| 23084 | lazyLoad:true, | |||||
| 23085 | margin: 0, | |||||
| 23086 | nav: true, | |||||
| 23087 | dots: false, | |||||
| 23088 | responsive: { | |||||
| 23089 | 0: { | |||||
| 23090 | items:2 | |||||
| 23091 | }, | |||||
| 23092 | 640: { | |||||
| 23093 | items:2 | |||||
| 23094 | }, | |||||
| 23095 | 768: { | |||||
| 23096 | items:2 | |||||
| 23097 | }, | |||||
| 23098 | 992: { | |||||
| 23099 | items:4 | |||||
| 23100 | }, | |||||
| 23101 | 1200: { | |||||
| 23102 | items:6 | |||||
| 23103 | } | |||||
| 23104 | } | |||||
| 23105 | }); | |||||
| 23106 | }); | |||||
| 23107 | </script> | |||||
| 23108 | </div> | |||||
| 23109 | </div> | |||||
| 23110 | </div> | |||||
| 23111 | </div> | |||||
| 23112 | </div> | |||||
| 23113 | <div class="porto-ultimate-content-box-container text-center m-b-xl"> | |||||
| 23114 | <div class="porto-ultimate-content-box d-flex align-items-center justify-content-center flex-wrap" style="background-color: #222529; padding: 4rem 1rem;"> | |||||
| 23115 | <div class="wpb_single_image wpb_content_element vc_align_left mb-0 d-inline-block align-middle"> | |||||
| 23116 | <div class="wpb_wrapper"> | |||||
| 23117 | <div class="vc_single_image-wrapper vc_box_border_grey"> | |||||
| 23118 | <img class="d-block" src="{{media url="wysiwyg/smartwave/porto/homepage/34/shop34_logo2.png"}}" /> | |||||
| 23119 | </div> | |||||
| 23120 | </div> | |||||
| 23121 | </div> | |||||
| 23122 | <h3 style="font-size: 1.5rem; color: rgba(245, 245, 247, 0.7); line-height: 1.2; text-align: center; font-weight: 400; letter-spacing: -0.025em;" class="vc_custom_heading m-4 mx-xl-5 d-inline-block align-middle"> | |||||
| 23123 | The Lowest Prices Once A Month! Hurry To Snap Up | |||||
| 23124 | </h3> | |||||
| 23125 | <div class="btn-container mb-0 align-middle btn-border-gray d-inline-block"> | |||||
| 23126 | <a class="vc_btn3 vc_btn3-shape-default btn btn-borders btn-md btn-light" style="font-size: 1rem; font-weight: 600; letter-spacing: -0.025em; padding: 0.8em 3.2em;" href="#" title="">SHOP NOW!</a> | |||||
| 23127 | </div> | |||||
| 23128 | </div> | |||||
| 23129 | </div> | |||||
| 23130 | <h2 style="font-size: 1.375rem; line-height: 1; font-weight: 600;position:relative;" class="vc_custom_heading mb-3"> | |||||
| 23131 | Recently Viewed Products | |||||
| 23132 | <a class="porto-sicon-box-link" href="#" title="Shop" style="position: absolute;right:0;top: 3px;"> | |||||
| 23133 | <div class="porto-sicon-box mb-2 style_1 heading-right-icon" style="margin-top: 5px;"> | |||||
| 23134 | <div class="porto-sicon-header"><h6 class="porto-sicon-title" style="font-weight: 600; font-size: 0.75rem; line-height: 1; letter-spacing: -0.02em; color: #0e39ff;">View All</h6></div> | |||||
| 23135 | <div class="porto-sicon-heading-right"> | |||||
| 23136 | <div class="porto-just-icon-wrapper porto-icon none d-block" style="color: #0e39ff; font-size: 12px;margin-top:3px;"><i class="fas fa-long-arrow-alt-right"></i></div> | |||||
| 23137 | </div> | |||||
| 23138 | </div> | |||||
| 23139 | </a> | |||||
| 23140 | </h2> | |||||
| 23141 | <div id="recently-products" class="custom-padding porto-products wpb_content_element m-b-xxl bg-gray clear"> | |||||
| 23142 | <div class="slider-wrapper" style="margin-left: -.5px;margin-right: -.5px;"> | |||||
| 23143 | {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" extra_class="nav-center-images-only nav-style-1 dots-style-1" product_type="3" product_count="8" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}} | |||||
| 23144 | <script type="text/javascript"> | |||||
| 23145 | require([ | |||||
| 23146 | 'jquery', | |||||
| 23147 | 'owl.carousel/owl.carousel.min' | |||||
| 23148 | ], function ($) { | |||||
| 23149 | $("#recently-products .owl-carousel").owlCarousel({ | |||||
| 23150 | autoplay: false, | |||||
| 23151 | autoplayTimeout: 5000, | |||||
| 23152 | autoplayHoverPause: true, | |||||
| 23153 | loop: false, | |||||
| 23154 | navRewind: true, | |||||
| 23155 | lazyLoad:true, | |||||
| 23156 | margin: 0, | |||||
| 23157 | nav: true, | |||||
| 23158 | dots: false, | |||||
| 23159 | responsive: { | |||||
| 23160 | 0: { | |||||
| 23161 | items:2 | |||||
| 23162 | }, | |||||
| 23163 | 640: { | |||||
| 23164 | items:2 | |||||
| 23165 | }, | |||||
| 23166 | 768: { | |||||
| 23167 | items:2 | |||||
| 23168 | }, | |||||
| 23169 | 992: { | |||||
| 23170 | items:4 | |||||
| 23171 | }, | |||||
| 23172 | 1200: { | |||||
| 23173 | items:6 | |||||
| 23174 | } | |||||
| 23175 | } | |||||
| 23176 | }); | |||||
| 23177 | }); | |||||
| 23178 | </script> | |||||
| 23179 | </div> | |||||
| 23180 | </div> | |||||
| 23181 | </div> | |||||
| 23182 | </div> | |||||
| 23183 | </div> | |||||
| 23184 | </div> | |||||
| 23185 | </div> | |||||
| 23186 | ]]> | |||||
| 23187 | </content> | |||||
| 23188 | ||||||
| 23189 | <is_active> | |||||
| 23190 | 1 | |||||
| 23191 | </is_active> | |||||
| 23192 | ||||||
| 23193 | <page_layout> | |||||
| 23194 | 1column | |||||
| 23195 | </page_layout> | |||||
| 23196 | ||||||
| 23197 | <layout_update_xml> | |||||
| 23198 | <![CDATA[]]> | |||||
| 23199 | </layout_update_xml> | |||||
| 23200 | ||||||
| 23201 | </cms_item> | |||||
| 23202 | ||||||
| 23203 | <cms_item> | |||||
| 23204 | ||||||
| 23205 | <title> | |||||
| 17540 | Porto - About Us | 23206 | Porto - About Us | |||
| 17541 | </title> | 23207 | </title> | |||
| 17542 | 23208 | |||||
| 17543 | <identifier> | 23209 | <identifier> | |||
| 17544 | about-porto | 23210 | about-porto | |||
| 17545 | </identifier> | 23211 | </identifier> | |||
| 17546 | 23212 | |||||
| 17547 | <content> | 23213 | <content> | |||
| 17548 | <![CDATA[<br/> | 23214 | <![CDATA[<br/> | |||
| 17549 | <div class="entry-content"> | 23215 | <div class="entry-content"> | |||
| 17550 | <div class="row"> | 23216 | <div class="row"> | |||
| 17551 | <div class="row-wrapper container"> | 23217 | <div class="row-wrapper container"> | |||
| 17552 | <div class="row"> | 23218 | <div class="row"> | |||
| 17553 | <div class="col-lg-12"> | 23219 | <div class="col-lg-12"> | |||
| 17554 | <h2 class="word-rotator-title">The New Way to <strong><span class="word-rotate"><span class="word-rotate-items" style="top: 0px;"><span>success.</span><span>advance.</span><span>progress.</span></span></span></strong></h2> | 23220 | <h2 class="word-rotator-title">The New Way to <strong><span class="word-rotate"><span class="word-rotate-items" style="top: 0px;"><span>success.</span><span>advance.</span><span>progress.</span></span></span></strong></h2> | |||
| 17555 | </div> | 23221 | </div> | |||
| 17556 | </div> | 23222 | </div> | |||
| 17557 | </div> | 23223 | </div> | |||
| 17558 | </div> | 23224 | </div> | |||
| 17559 | <div class="row"> | 23225 | <div class="row"> | |||
| 17560 | <div class="row-wrapper container"> | 23226 | <div class="row-wrapper container"> | |||
| 17561 | <div class="row"> | 23227 | <div class="row"> | |||
| 17562 | <div class="col-lg-10"> | 23228 | <div class="col-lg-10"> | |||
| 17563 | <p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum pellentesque imperdiet. Nulla lacinia iaculis nulla non <span class="alternative-font">metus.</span> pulvinar. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut eu risus enim, ut pulvinar lectus. Sed hendrerit nibh.</p> | 23229 | <p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum pellentesque imperdiet. Nulla lacinia iaculis nulla non <span class="alternative-font">metus.</span> pulvinar. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut eu risus enim, ut pulvinar lectus. Sed hendrerit nibh.</p> | |||
| 17564 | </div> | 23230 | </div> | |||
| 17565 | <div class="col-lg-2"> | 23231 | <div class="col-lg-2"> | |||
| 17566 | <a class="btn btn-primary push-top" title="Join Our Team!" href="#">Join Our Team!</a> | 23232 | <a class="btn btn-primary push-top" title="Join Our Team!" href="#">Join Our Team!</a> | |||
| 17567 | </div> | 23233 | </div> | |||
| 17568 | </div> | 23234 | </div> | |||
| 17569 | </div> | 23235 | </div> | |||
| 17570 | </div> | 23236 | </div> | |||
| 17571 | <div class="row"> | 23237 | <div class="row"> | |||
| 17572 | <div class="row-wrapper container"> | 23238 | <div class="row-wrapper container"> | |||
| 17573 | <div class="row"> | 23239 | <div class="row"> | |||
| 17574 | <div class="col-lg-12"> | 23240 | <div class="col-lg-12"> | |||
| 17575 | <hr class="tall"/> | 23241 | <hr class="tall"/> | |||
| 17576 | </div> | 23242 | </div> | |||
| 17577 | </div> | 23243 | </div> | |||
| 17578 | </div> | 23244 | </div> | |||
| 17579 | </div> | 23245 | </div> | |||
| 17580 | <div class="row"> | 23246 | <div class="row"> | |||
| 17581 | <div class="row-wrapper container"> | 23247 | <div class="row-wrapper container"> | |||
| 17582 | <div class="row"> | 23248 | <div class="row"> | |||
| 17583 | <div class="col-lg-12"> | 23249 | <div class="col-lg-12"> | |||
| 17584 | <h3 class=""><strong>Who</strong> We Are</h3> | 23250 | <h3 class=""><strong>Who</strong> We Are</h3> | |||
| 17585 | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc <a href="#">vehicula</a> lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In eu libero ligula. Fusce eget metus lorem, ac viverra leo. Nullam convallis, arcu vel pellentesque sodales, nisi est varius diam, ac ultrices sem ante quis sem. Proin ultricies volutpat sapien, nec scelerisque ligula mollis lobortis. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing <span class="alternative-font">metus</span> sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In eu libero ligula. Fusce eget metus lorem, ac viverra leo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In eu libero ligula. Fusce eget metus lorem, ac viverra leo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In eu libero ligula.</p> | 23251 | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc <a href="#">vehicula</a> lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In eu libero ligula. Fusce eget metus lorem, ac viverra leo. Nullam convallis, arcu vel pellentesque sodales, nisi est varius diam, ac ultrices sem ante quis sem. Proin ultricies volutpat sapien, nec scelerisque ligula mollis lobortis. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing <span class="alternative-font">metus</span> sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In eu libero ligula. Fusce eget metus lorem, ac viverra leo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In eu libero ligula. Fusce eget metus lorem, ac viverra leo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In eu libero ligula.</p> | |||
| 17586 | </div> | 23252 | </div> | |||
| 17587 | </div> | 23253 | </div> | |||
| 17588 | </div> | 23254 | </div> | |||
| 17589 | </div> | 23255 | </div> | |||
| 17590 | <div class="row"> | 23256 | <div class="row"> | |||
| 17591 | <div class="row-wrapper container"> | 23257 | <div class="row-wrapper container"> | |||
| 17592 | <div class="row"> | 23258 | <div class="row"> | |||
| 17593 | <div class="col-lg-12"> | 23259 | <div class="col-lg-12"> | |||
| 17594 | <hr class="tall"/> | 23260 | <hr class="tall"/> | |||
| 17595 | </div> | 23261 | </div> | |||
| 17596 | </div> | 23262 | </div> | |||
| 17597 | </div> | 23263 | </div> | |||
| 17598 | </div> | 23264 | </div> | |||
| 17599 | <div class="row"> | 23265 | <div class="row"> | |||
| 17600 | <div class="row-wrapper container"> | 23266 | <div class="row-wrapper container"> | |||
| 17601 | <div class="row"> | 23267 | <div class="row"> | |||
| 17602 | <div class="col-lg-12"> | 23268 | <div class="col-lg-12"> | |||
| 17603 | <h3 class="push-top">Our <strong>History</strong></h3> | 23269 | <h3 class="push-top">Our <strong>History</strong></h3> | |||
| 17604 | </div> | 23270 | </div> | |||
| 17605 | </div> | 23271 | </div> | |||
| 17606 | </div> | 23272 | </div> | |||
| 17607 | </div> | 23273 | </div> | |||
| 17608 | <div class="row"> | 23274 | <div class="row"> | |||
| 17609 | <div class="row-wrapper container" style="margin-bottom: 25px;"> | 23275 | <div class="row-wrapper container" style="margin-bottom: 25px;"> | |||
| 17610 | <div class="row"> | 23276 | <div class="row"> | |||
| 17611 | <div class="col-lg-12"> | 23277 | <div class="col-lg-12"> | |||
| 17612 | <div class="history"> | 23278 | <div class="history"> | |||
| 17613 | <div class="thumb"> | 23279 | <div class="thumb"> | |||
| 17614 | <img width="150" height="150" src="{{media url="wysiwyg/smartwave/porto/aboutus/office-1-150x150.jpg"}}" class="attachment-thumbnail" alt="office-1"/> | 23280 | <img width="150" height="150" src="{{media url="wysiwyg/smartwave/porto/aboutus/office-1-150x150.jpg"}}" class="attachment-thumbnail" alt="office-1"/> | |||
| 17615 | </div> | 23281 | </div> | |||
| 17616 | <div class="featured-box" style="height: auto;"> | 23282 | <div class="featured-box" style="height: auto;"> | |||
| 17617 | <div class="box-content"> | 23283 | <div class="box-content"> | |||
| 17618 | <h4><strong>2012</strong></h4> | 23284 | <h4><strong>2012</strong></h4> | |||
| 17619 | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus,</p> | 23285 | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus,</p> | |||
| 17620 | </div> | 23286 | </div> | |||
| 17621 | </div><!--.feature-box--> | 23287 | </div><!--.feature-box--> | |||
| 17622 | </div><!--.history--> | 23288 | </div><!--.history--> | |||
| 17623 | <div class="history"> | 23289 | <div class="history"> | |||
| 17624 | <div class="thumb"> | 23290 | <div class="thumb"> | |||
| 17625 | <img width="150" height="150" src="{{media url="wysiwyg/smartwave/porto/aboutus/office-2-150x150.jpg"}}" class="attachment-thumbnail" alt="office-2"/> | 23291 | <img width="150" height="150" src="{{media url="wysiwyg/smartwave/porto/aboutus/office-2-150x150.jpg"}}" class="attachment-thumbnail" alt="office-2"/> | |||
| 17626 | </div> | 23292 | </div> | |||
| 17627 | <div class="featured-box" style="height: auto;"> | 23293 | <div class="featured-box" style="height: auto;"> | |||
| 17628 | <div class="box-content"> | 23294 | <div class="box-content"> | |||
| 17629 | <h4><strong>2010</strong></h4> | 23295 | <h4><strong>2010</strong></h4> | |||
| 17630 | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia.</p> | 23296 | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia.</p> | |||
| 17631 | </div> | 23297 | </div> | |||
| 17632 | </div><!--.feature-box--> | 23298 | </div><!--.feature-box--> | |||
| 17633 | </div><!--.history--> | 23299 | </div><!--.history--> | |||
| 17634 | <div class="history"> | 23300 | <div class="history"> | |||
| 17635 | <div class="thumb"> | 23301 | <div class="thumb"> | |||
| 17636 | <img width="150" height="150" src="{{media url="wysiwyg/smartwave/porto/aboutus/office-3-150x150.jpg"}}" class="attachment-thumbnail" alt="office-3"/> | 23302 | <img width="150" height="150" src="{{media url="wysiwyg/smartwave/porto/aboutus/office-3-150x150.jpg"}}" class="attachment-thumbnail" alt="office-3"/> | |||
| 17637 | </div> | 23303 | </div> | |||
| 17638 | <div class="featured-box" style="height: auto;"> | 23304 | <div class="featured-box" style="height: auto;"> | |||
| 17639 | <div class="box-content"> | 23305 | <div class="box-content"> | |||
| 17640 | <h4><strong>2005</strong></h4> | 23306 | <h4><strong>2005</strong></h4> | |||
| 17641 | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus,</p> | 23307 | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus,</p> | |||
| 17642 | </div> | 23308 | </div> | |||
| 17643 | </div><!--.feature-box--> | 23309 | </div><!--.feature-box--> | |||
| 17644 | </div><!--.history--> | 23310 | </div><!--.history--> | |||
| 17645 | <div class="history"> | 23311 | <div class="history"> | |||
| 17646 | <div class="thumb"> | 23312 | <div class="thumb"> | |||
| 17647 | <img width="150" height="150" src="{{media url="wysiwyg/smartwave/porto/aboutus/office-4-150x150.jpg"}}" class="attachment-thumbnail" alt="office-4"/> | 23313 | <img width="150" height="150" src="{{media url="wysiwyg/smartwave/porto/aboutus/office-4-150x150.jpg"}}" class="attachment-thumbnail" alt="office-4"/> | |||
| 17648 | </div> | 23314 | </div> | |||
| 17649 | <div class="featured-box" style="height: auto;"> | 23315 | <div class="featured-box" style="height: auto;"> | |||
| 17650 | <div class="box-content"> | 23316 | <div class="box-content"> | |||
| 17651 | <h4><strong>2000</strong></h4> | 23317 | <h4><strong>2000</strong></h4> | |||
| 17652 | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus,</p> | 23318 | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus,</p> | |||
| 17653 | </div> | 23319 | </div> | |||
| 17654 | </div><!--.feature-box--> | 23320 | </div><!--.feature-box--> | |||
| 17655 | </div><!--.history--> | 23321 | </div><!--.history--> | |||
| 17656 | </div> | 23322 | </div> | |||
| 17657 | </div> | 23323 | </div> | |||
| 17658 | </div> | 23324 | </div> | |||
| 17659 | </div> | 23325 | </div> | |||
| 17660 | </div>]]> | 23326 | </div>]]> | |||
| 17661 | </content> | 23327 | </content> | |||
| 17662 | 23328 | |||||
| 17663 | <is_active> | 23329 | <is_active> | |||
| 17664 | 1 | 23330 | 1 | |||
| 17665 | </is_active> | 23331 | </is_active> | |||
| 17666 | 23332 | |||||
| 17667 | <page_layout> | 23333 | <page_layout> | |||
| 17668 | 1column | 23334 | 1column | |||
| 17669 | </page_layout> | 23335 | </page_layout> | |||
| 17670 | 23336 | |||||
| 17671 | <layout_update_xml> | 23337 | <layout_update_xml> | |||
| 17672 | <![CDATA[]]> | 23338 | <![CDATA[]]> | |||
| 17673 | </layout_update_xml> | 23339 | </layout_update_xml> | |||
| 17674 | 23340 | |||||
| 17675 | </cms_item> | 23341 | </cms_item> | |||
| 17676 | 23342 | |||||
| 17677 | <cms_item> | 23343 | <cms_item> | |||
| 17678 | 23344 | |||||
| 17679 | <title> | 23345 | <title> | |||
| 17680 | Porto - About Us 1 | 23346 | Porto - About Us 1 | |||
| 17681 | </title> | 23347 | </title> | |||
| 17682 | 23348 | |||||
| 17683 | <identifier> | 23349 | <identifier> | |||
| 17684 | about-porto-1 | 23350 | about-porto-1 | |||
| 17685 | </identifier> | 23351 | </identifier> | |||
| 17686 | 23352 | |||||
| 17687 | <content> | 23353 | <content> | |||
| 17688 | <![CDATA[<div class="content-row" style="border: 0;"> | 23354 | <![CDATA[<div class="content-row" style="border: 0;"> | |||
| 17689 | <h2>THE NEW WAY TO SUCCESS</h2> | 23355 | <h2>THE NEW WAY TO SUCCESS</h2> | |||
| 17690 | <h4>Who we are</h4> | 23356 | <h4>Who we are</h4> | |||
| 17691 | <div class="row"> | 23357 | <div class="row"> | |||
| 17692 | <div class="col-lg-6"> | 23358 | <div class="col-lg-6"> | |||
| 17693 | <p>Aliquam consectetur et lorem semper scelerisque. Proin est nibh, vestibulum vitae congue nec, tristique eu justo. Maecenas eu nunc lacinia, porta lorem vitae, viverra velit. Nulla dolor libero, rhoncus quis luctus eu, fermentum sed leo. Morbi ut risus porttitor odio sodales pulvinar. Sed gravida nulla sed sapien vulputate, eget malesuada justo egestas. Pellentesque sem mi, vulputate ac iaculis sit amet, sagittis feugiat dui. Proin non pellentesque leo. Vestibulum varius laoreet posuere. Etiam fringilla diam odio.</p> | 23359 | <p>Aliquam consectetur et lorem semper scelerisque. Proin est nibh, vestibulum vitae congue nec, tristique eu justo. Maecenas eu nunc lacinia, porta lorem vitae, viverra velit. Nulla dolor libero, rhoncus quis luctus eu, fermentum sed leo. Morbi ut risus porttitor odio sodales pulvinar. Sed gravida nulla sed sapien vulputate, eget malesuada justo egestas. Pellentesque sem mi, vulputate ac iaculis sit amet, sagittis feugiat dui. Proin non pellentesque leo. Vestibulum varius laoreet posuere. Etiam fringilla diam odio.</p> | |||
| 17694 | <p>Nulla felis nibh, bibendum a leo ut, egestas ornare felis. Nam pretium mauris justo, eget commodo est fringilla vel. Proin condimentum, lacus sit amet finibus gravida, sapien ligula mattis leo, sit amet mattis leo lacus sit amet lectus. Nulla facilisi. Etiam porta iaculis velit id pulvinar. Sed dolor odio, eleifend eget aliquam vitae, efficitur vitae dolor. Integer ornare neque ac leo sollicitudin, at vestibulum ante scelerisque. Nullam ut elit sed lorem tempus feugiat in et lectus. Mauris interdum molestie placerat. Nullam dolor nunc, elementum et tincidunt id, vestibulum quis turpis. Integer imperdiet a eros a laoreet. Nam mattis vel ligula non imperdiet. Suspendisse potenti. Fusce purus sem, dapibus eu fermentum eget, aliquam vehicula ligula.</p> | 23360 | <p>Nulla felis nibh, bibendum a leo ut, egestas ornare felis. Nam pretium mauris justo, eget commodo est fringilla vel. Proin condimentum, lacus sit amet finibus gravida, sapien ligula mattis leo, sit amet mattis leo lacus sit amet lectus. Nulla facilisi. Etiam porta iaculis velit id pulvinar. Sed dolor odio, eleifend eget aliquam vitae, efficitur vitae dolor. Integer ornare neque ac leo sollicitudin, at vestibulum ante scelerisque. Nullam ut elit sed lorem tempus feugiat in et lectus. Mauris interdum molestie placerat. Nullam dolor nunc, elementum et tincidunt id, vestibulum quis turpis. Integer imperdiet a eros a laoreet. Nam mattis vel ligula non imperdiet. Suspendisse potenti. Fusce purus sem, dapibus eu fermentum eget, aliquam vehicula ligula.</p> | |||
| 17695 | </div> | 23361 | </div> | |||
| 17696 | <div class="col-lg-6"> | 23362 | <div class="col-lg-6"> | |||
| 17697 | <p>Quisque congue dignissim dui sed luctus. Morbi nec mi vitae magna finibus ullamcorper. Etiam mattis blandit convallis. Suspendisse eu elementum leo. Vestibulum molestie nunc et efficitur egestas. Vivamus arcu lectus, laoreet vel consectetur bibendum, elementum non nunc. Proin porttitor velit odio, ac mattis quam tincidunt eget. Fusce semper nunc eget efficitur efficitur. Nam ullamcorper, enim id tincidunt feugiat, velit mauris fermentum nulla, at tempor eros turpis sit amet massa. Ut a semper lectus, sed hendrerit risus. In hac habitasse platea dictumst. Curabitur venenatis cursus posuere. Praesent turpis nisi, aliquam at facilisis non, sagittis vel urna. Donec diam lorem, feugiat vitae laoreet in, sagittis a lorem.</p> | 23363 | <p>Quisque congue dignissim dui sed luctus. Morbi nec mi vitae magna finibus ullamcorper. Etiam mattis blandit convallis. Suspendisse eu elementum leo. Vestibulum molestie nunc et efficitur egestas. Vivamus arcu lectus, laoreet vel consectetur bibendum, elementum non nunc. Proin porttitor velit odio, ac mattis quam tincidunt eget. Fusce semper nunc eget efficitur efficitur. Nam ullamcorper, enim id tincidunt feugiat, velit mauris fermentum nulla, at tempor eros turpis sit amet massa. Ut a semper lectus, sed hendrerit risus. In hac habitasse platea dictumst. Curabitur venenatis cursus posuere. Praesent turpis nisi, aliquam at facilisis non, sagittis vel urna. Donec diam lorem, feugiat vitae laoreet in, sagittis a lorem.</p> | |||
| 17698 | <p>Aliquam consectetur et lorem semper scelerisque. Proin est nibh, vestibulum vitae congue nec, tristique eu justo. Maecenas eu nunc lacinia, porta lorem vitae, viverra velit. Nulla dolor libero, rhoncus quis luctus eu, fermentum sed leo. Morbi ut risus porttitor odio sodales pulvinar. Sed gravida nulla sed sapien vulputate, eget malesuada justo egestas. Pellentesque sem mi, vulputate ac iaculis sit amet, sagittis feugiat dui. Proin non pellentesque leo. Vestibulum varius laoreet posuere. Etiam fringilla diam odio.</p> | 23364 | <p>Aliquam consectetur et lorem semper scelerisque. Proin est nibh, vestibulum vitae congue nec, tristique eu justo. Maecenas eu nunc lacinia, porta lorem vitae, viverra velit. Nulla dolor libero, rhoncus quis luctus eu, fermentum sed leo. Morbi ut risus porttitor odio sodales pulvinar. Sed gravida nulla sed sapien vulputate, eget malesuada justo egestas. Pellentesque sem mi, vulputate ac iaculis sit amet, sagittis feugiat dui. Proin non pellentesque leo. Vestibulum varius laoreet posuere. Etiam fringilla diam odio.</p> | |||
| 17699 | </div> | 23365 | </div> | |||
| 17700 | </div> | 23366 | </div> | |||
| 17701 | </div> | 23367 | </div> | |||
| 17702 | <div class="content-row"> | 23368 | <div class="content-row"> | |||
| 17703 | <h2>OUR HISTORY</h2> | 23369 | <h2>OUR HISTORY</h2> | |||
| 17704 | <div class="row" style="margin-bottom: 20px;"> | 23370 | <div class="row" style="margin-bottom: 20px;"> | |||
| 17705 | <div class="col-lg-5"> | 23371 | <div class="col-lg-5"> | |||
| 17706 | <div id="custom-owl-slider-aboutus-1" class="owl-carousel"> | 23372 | <div id="custom-owl-slider-aboutus-1" class="owl-carousel"> | |||
| 17707 | <div class="item"> | 23373 | <div class="item"> | |||
| 17708 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/slide1.jpg"}}" alt="" /> | 23374 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/slide1.jpg"}}" alt="" /> | |||
| 17709 | </div> | 23375 | </div> | |||
| 17710 | <div class="item"> | 23376 | <div class="item"> | |||
| 17711 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/slide2.jpg"}}" alt="" /> | 23377 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/slide2.jpg"}}" alt="" /> | |||
| 17712 | </div> | 23378 | </div> | |||
| 17713 | <div class="item"> | 23379 | <div class="item"> | |||
| 17714 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/slide3.jpg"}}" alt="" /> | 23380 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/slide3.jpg"}}" alt="" /> | |||
| 17715 | </div> | 23381 | </div> | |||
| 17716 | </div> | 23382 | </div> | |||
| 17717 | <script type="text/javascript"> | 23383 | <script type="text/javascript"> | |||
| 17718 | require([ | 23384 | require([ | |||
| 17719 | 'jquery', | 23385 | 'jquery', | |||
| 17720 | 'owl.carousel/owl.carousel.min' | 23386 | 'owl.carousel/owl.carousel.min' | |||
| 17721 | ], function ($) { | 23387 | ], function ($) { | |||
| 17722 | $("#custom-owl-slider-aboutus-1").owlCarousel({ | 23388 | $("#custom-owl-slider-aboutus-1").owlCarousel({ | |||
| 17723 | items: 1, | 23389 | items: 1, | |||
| 17724 | autoplay: false, | 23390 | autoplay: false, | |||
| 17725 | autoplayTimeout: 5000, | 23391 | autoplayTimeout: 5000, | |||
| 17726 | autoplayHoverPause: true, | 23392 | autoplayHoverPause: true, | |||
| 17727 | dots: true, | 23393 | dots: true, | |||
| 17728 | nav: false, | 23394 | nav: false, | |||
| 17729 | navRewind: true, | 23395 | navRewind: true, | |||
| 17730 | animateIn: 'fadeIn', | 23396 | animateIn: 'fadeIn', | |||
| 17731 | animateOut: 'fadeOut', | 23397 | animateOut: 'fadeOut', | |||
| 17732 | loop: true | 23398 | loop: true | |||
| 17733 | }); | 23399 | }); | |||
| 17734 | }); | 23400 | }); | |||
| 17735 | </script> | 23401 | </script> | |||
| 17736 | </div> | 23402 | </div> | |||
| 17737 | <div class="col-lg-7"> | 23403 | <div class="col-lg-7"> | |||
| 17738 | <h4>2014</h4> | 23404 | <h4>2014</h4> | |||
| 17739 | <p>Aliquam consectetur et lorem semper scelerisque. Proin est nibh, vestibulum vitae congue nec, tristique eu justo. Maecenas eu nunc lacinia, porta lorem vitae, viverra velit. Nulla dolor libero, rhoncus quis luctus eu, fermentum sed leo. Morbi ut risus porttitor odio sodales pulvinar. Sed gravida nulla sed sapien vulputate, eget malesuada justo egestas. Pellentesque sem mi, vulputate ac iaculis sit amet, sagittis feugiat dui. Proin non pellentesque leo. Vestibulum varius laoreet posuere. Etiam fringilla diam odio.</p> | 23405 | <p>Aliquam consectetur et lorem semper scelerisque. Proin est nibh, vestibulum vitae congue nec, tristique eu justo. Maecenas eu nunc lacinia, porta lorem vitae, viverra velit. Nulla dolor libero, rhoncus quis luctus eu, fermentum sed leo. Morbi ut risus porttitor odio sodales pulvinar. Sed gravida nulla sed sapien vulputate, eget malesuada justo egestas. Pellentesque sem mi, vulputate ac iaculis sit amet, sagittis feugiat dui. Proin non pellentesque leo. Vestibulum varius laoreet posuere. Etiam fringilla diam odio.</p> | |||
| 17740 | <p>Nulla felis nibh, bibendum a leo ut, egestas ornare felis. Nam pretium mauris justo, eget commodo est fringilla vel. Proin condimentum, lacus sit amet finibus gravida, sapien ligula mattis leo, sit amet mattis leo lacus sit amet lectus. Nulla facilisi. Etiam porta iaculis velit id pulvinar. Sed dolor odio, eleifend eget aliquam vitae, efficitur vitae dolor. Integer ornare neque ac leo sollicitudin, at vestibulum ante scelerisque. Nullam ut elit sed lorem tempus feugiat in et lectus. Mauris interdum molestie placerat. Nullam dolor nunc, elementum et tincidunt id, vestibulum quis turpis. Integer imperdiet a eros a laoreet. Nam mattis vel ligula non imperdiet. Suspendisse potenti. Fusce purus sem, dapibus eu fermentum eget, aliquam vehicula ligula.</p> | 23406 | <p>Nulla felis nibh, bibendum a leo ut, egestas ornare felis. Nam pretium mauris justo, eget commodo est fringilla vel. Proin condimentum, lacus sit amet finibus gravida, sapien ligula mattis leo, sit amet mattis leo lacus sit amet lectus. Nulla facilisi. Etiam porta iaculis velit id pulvinar. Sed dolor odio, eleifend eget aliquam vitae, efficitur vitae dolor. Integer ornare neque ac leo sollicitudin, at vestibulum ante scelerisque. Nullam ut elit sed lorem tempus feugiat in et lectus. Mauris interdum molestie placerat. Nullam dolor nunc, elementum et tincidunt id, vestibulum quis turpis. Integer imperdiet a eros a laoreet. Nam mattis vel ligula non imperdiet. Suspendisse potenti. Fusce purus sem, dapibus eu fermentum eget, aliquam vehicula ligula.</p> | |||
| 17741 | </div> | 23407 | </div> | |||
| 17742 | </div> | 23408 | </div> | |||
| 17743 | <div class="row" style="margin-bottom: 20px;"> | 23409 | <div class="row" style="margin-bottom: 20px;"> | |||
| 17744 | <div class="col-lg-7"> | 23410 | <div class="col-lg-7"> | |||
| 17745 | <h4>2015</h4> | 23411 | <h4>2015</h4> | |||
| 17746 | <p>Aliquam consectetur et lorem semper scelerisque. Proin est nibh, vestibulum vitae congue nec, tristique eu justo. Maecenas eu nunc lacinia, porta lorem vitae, viverra velit. Nulla dolor libero, rhoncus quis luctus eu, fermentum sed leo. Morbi ut risus porttitor odio sodales pulvinar. Sed gravida nulla sed sapien vulputate, eget malesuada justo egestas. Pellentesque sem mi, vulputate ac iaculis sit amet, sagittis feugiat dui. Proin non pellentesque leo. Vestibulum varius laoreet posuere. Etiam fringilla diam odio.</p> | 23412 | <p>Aliquam consectetur et lorem semper scelerisque. Proin est nibh, vestibulum vitae congue nec, tristique eu justo. Maecenas eu nunc lacinia, porta lorem vitae, viverra velit. Nulla dolor libero, rhoncus quis luctus eu, fermentum sed leo. Morbi ut risus porttitor odio sodales pulvinar. Sed gravida nulla sed sapien vulputate, eget malesuada justo egestas. Pellentesque sem mi, vulputate ac iaculis sit amet, sagittis feugiat dui. Proin non pellentesque leo. Vestibulum varius laoreet posuere. Etiam fringilla diam odio.</p> | |||
| 17747 | <p>Nulla felis nibh, bibendum a leo ut, egestas ornare felis. Nam pretium mauris justo, eget commodo est fringilla vel. Proin condimentum, lacus sit amet finibus gravida, sapien ligula mattis leo, sit amet mattis leo lacus sit amet lectus. Nulla facilisi. Etiam porta iaculis velit id pulvinar. Sed dolor odio, eleifend eget aliquam vitae, efficitur vitae dolor. Integer ornare neque ac leo sollicitudin, at vestibulum ante scelerisque. Nullam ut elit sed lorem tempus feugiat in et lectus. Mauris interdum molestie placerat. Nullam dolor nunc, elementum et tincidunt id, vestibulum quis turpis. Integer imperdiet a eros a laoreet. Nam mattis vel ligula non imperdiet. Suspendisse potenti. Fusce purus sem, dapibus eu fermentum eget, aliquam vehicula ligula.</p> | 23413 | <p>Nulla felis nibh, bibendum a leo ut, egestas ornare felis. Nam pretium mauris justo, eget commodo est fringilla vel. Proin condimentum, lacus sit amet finibus gravida, sapien ligula mattis leo, sit amet mattis leo lacus sit amet lectus. Nulla facilisi. Etiam porta iaculis velit id pulvinar. Sed dolor odio, eleifend eget aliquam vitae, efficitur vitae dolor. Integer ornare neque ac leo sollicitudin, at vestibulum ante scelerisque. Nullam ut elit sed lorem tempus feugiat in et lectus. Mauris interdum molestie placerat. Nullam dolor nunc, elementum et tincidunt id, vestibulum quis turpis. Integer imperdiet a eros a laoreet. Nam mattis vel ligula non imperdiet. Suspendisse potenti. Fusce purus sem, dapibus eu fermentum eget, aliquam vehicula ligula.</p> | |||
| 17748 | </div> | 23414 | </div> | |||
| 17749 | <div class="col-lg-5"> | 23415 | <div class="col-lg-5"> | |||
| 17750 | <div id="custom-owl-slider-aboutus-2" class="owl-carousel"> | 23416 | <div id="custom-owl-slider-aboutus-2" class="owl-carousel"> | |||
| 17751 | <div class="item"> | 23417 | <div class="item"> | |||
| 17752 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/slide2.jpg"}}" alt="" /> | 23418 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/slide2.jpg"}}" alt="" /> | |||
| 17753 | </div> | 23419 | </div> | |||
| 17754 | <div class="item"> | 23420 | <div class="item"> | |||
| 17755 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/slide3.jpg"}}" alt="" /> | 23421 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/slide3.jpg"}}" alt="" /> | |||
| 17756 | </div> | 23422 | </div> | |||
| 17757 | <div class="item"> | 23423 | <div class="item"> | |||
| 17758 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/slide1.jpg"}}" alt="" /> | 23424 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/slide1.jpg"}}" alt="" /> | |||
| 17759 | </div> | 23425 | </div> | |||
| 17760 | </div> | 23426 | </div> | |||
| 17761 | <script type="text/javascript"> | 23427 | <script type="text/javascript"> | |||
| 17762 | require([ | 23428 | require([ | |||
| 17763 | 'jquery', | 23429 | 'jquery', | |||
| 17764 | 'owl.carousel/owl.carousel.min' | 23430 | 'owl.carousel/owl.carousel.min' | |||
| 17765 | ], function ($) { | 23431 | ], function ($) { | |||
| 17766 | $("#custom-owl-slider-aboutus-2").owlCarousel({ | 23432 | $("#custom-owl-slider-aboutus-2").owlCarousel({ | |||
| 17767 | items: 1, | 23433 | items: 1, | |||
| 17768 | autoplay: false, | 23434 | autoplay: false, | |||
| 17769 | autoplayTimeout: 5000, | 23435 | autoplayTimeout: 5000, | |||
| 17770 | autoplayHoverPause: true, | 23436 | autoplayHoverPause: true, | |||
| 17771 | dots: true, | 23437 | dots: true, | |||
| 17772 | nav: false, | 23438 | nav: false, | |||
| 17773 | navRewind: true, | 23439 | navRewind: true, | |||
| 17774 | animateIn: 'fadeIn', | 23440 | animateIn: 'fadeIn', | |||
| 17775 | animateOut: 'fadeOut', | 23441 | animateOut: 'fadeOut', | |||
| 17776 | loop: true | 23442 | loop: true | |||
| 17777 | }); | 23443 | }); | |||
| 17778 | }); | 23444 | }); | |||
| 17779 | </script> | 23445 | </script> | |||
| 17780 | </div> | 23446 | </div> | |||
| 17781 | </div> | 23447 | </div> | |||
| 17782 | <div class="row" style="margin-bottom: 20px;"> | 23448 | <div class="row" style="margin-bottom: 20px;"> | |||
| 17783 | <div class="col-lg-5"> | 23449 | <div class="col-lg-5"> | |||
| 17784 | <div id="custom-owl-slider-aboutus-3" class="owl-carousel"> | 23450 | <div id="custom-owl-slider-aboutus-3" class="owl-carousel"> | |||
| 17785 | <div class="item"> | 23451 | <div class="item"> | |||
| 17786 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/slide3.jpg"}}" alt="" /> | 23452 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/slide3.jpg"}}" alt="" /> | |||
| 17787 | </div> | 23453 | </div> | |||
| 17788 | <div class="item"> | 23454 | <div class="item"> | |||
| 17789 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/slide1.jpg"}}" alt="" /> | 23455 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/slide1.jpg"}}" alt="" /> | |||
| 17790 | </div> | 23456 | </div> | |||
| 17791 | <div class="item"> | 23457 | <div class="item"> | |||
| 17792 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/slide2.jpg"}}" alt="" /> | 23458 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/slide2.jpg"}}" alt="" /> | |||
| 17793 | </div> | 23459 | </div> | |||
| 17794 | </div> | 23460 | </div> | |||
| 17795 | <script type="text/javascript"> | 23461 | <script type="text/javascript"> | |||
| 17796 | require([ | 23462 | require([ | |||
| 17797 | 'jquery', | 23463 | 'jquery', | |||
| 17798 | 'owl.carousel/owl.carousel.min' | 23464 | 'owl.carousel/owl.carousel.min' | |||
| 17799 | ], function ($) { | 23465 | ], function ($) { | |||
| 17800 | $("#custom-owl-slider-aboutus-3").owlCarousel({ | 23466 | $("#custom-owl-slider-aboutus-3").owlCarousel({ | |||
| 17801 | items: 1, | 23467 | items: 1, | |||
| 17802 | autoplay: false, | 23468 | autoplay: false, | |||
| 17803 | autoplayTimeout: 5000, | 23469 | autoplayTimeout: 5000, | |||
| 17804 | autoplayHoverPause: true, | 23470 | autoplayHoverPause: true, | |||
| 17805 | dots: true, | 23471 | dots: true, | |||
| 17806 | nav: false, | 23472 | nav: false, | |||
| 17807 | navRewind: true, | 23473 | navRewind: true, | |||
| 17808 | animateIn: 'fadeIn', | 23474 | animateIn: 'fadeIn', | |||
| 17809 | animateOut: 'fadeOut', | 23475 | animateOut: 'fadeOut', | |||
| 17810 | loop: true | 23476 | loop: true | |||
| 17811 | }); | 23477 | }); | |||
| 17812 | }); | 23478 | }); | |||
| 17813 | </script> | 23479 | </script> | |||
| 17814 | </div> | 23480 | </div> | |||
| 17815 | <div class="col-lg-7"> | 23481 | <div class="col-lg-7"> | |||
| 17816 | <h4>2016</h4> | 23482 | <h4>2016</h4> | |||
| 17817 | <p>Aliquam consectetur et lorem semper scelerisque. Proin est nibh, vestibulum vitae congue nec, tristique eu justo. Maecenas eu nunc lacinia, porta lorem vitae, viverra velit. Nulla dolor libero, rhoncus quis luctus eu, fermentum sed leo. Morbi ut risus porttitor odio sodales pulvinar. Sed gravida nulla sed sapien vulputate, eget malesuada justo egestas. Pellentesque sem mi, vulputate ac iaculis sit amet, sagittis feugiat dui. Proin non pellentesque leo. Vestibulum varius laoreet posuere. Etiam fringilla diam odio.</p> | 23483 | <p>Aliquam consectetur et lorem semper scelerisque. Proin est nibh, vestibulum vitae congue nec, tristique eu justo. Maecenas eu nunc lacinia, porta lorem vitae, viverra velit. Nulla dolor libero, rhoncus quis luctus eu, fermentum sed leo. Morbi ut risus porttitor odio sodales pulvinar. Sed gravida nulla sed sapien vulputate, eget malesuada justo egestas. Pellentesque sem mi, vulputate ac iaculis sit amet, sagittis feugiat dui. Proin non pellentesque leo. Vestibulum varius laoreet posuere. Etiam fringilla diam odio.</p> | |||
| 17818 | <p>Nulla felis nibh, bibendum a leo ut, egestas ornare felis. Nam pretium mauris justo, eget commodo est fringilla vel. Proin condimentum, lacus sit amet finibus gravida, sapien ligula mattis leo, sit amet mattis leo lacus sit amet lectus. Nulla facilisi. Etiam porta iaculis velit id pulvinar. Sed dolor odio, eleifend eget aliquam vitae, efficitur vitae dolor. Integer ornare neque ac leo sollicitudin, at vestibulum ante scelerisque. Nullam ut elit sed lorem tempus feugiat in et lectus. Mauris interdum molestie placerat. Nullam dolor nunc, elementum et tincidunt id, vestibulum quis turpis. Integer imperdiet a eros a laoreet. Nam mattis vel ligula non imperdiet. Suspendisse potenti. Fusce purus sem, dapibus eu fermentum eget, aliquam vehicula ligula.</p> | 23484 | <p>Nulla felis nibh, bibendum a leo ut, egestas ornare felis. Nam pretium mauris justo, eget commodo est fringilla vel. Proin condimentum, lacus sit amet finibus gravida, sapien ligula mattis leo, sit amet mattis leo lacus sit amet lectus. Nulla facilisi. Etiam porta iaculis velit id pulvinar. Sed dolor odio, eleifend eget aliquam vitae, efficitur vitae dolor. Integer ornare neque ac leo sollicitudin, at vestibulum ante scelerisque. Nullam ut elit sed lorem tempus feugiat in et lectus. Mauris interdum molestie placerat. Nullam dolor nunc, elementum et tincidunt id, vestibulum quis turpis. Integer imperdiet a eros a laoreet. Nam mattis vel ligula non imperdiet. Suspendisse potenti. Fusce purus sem, dapibus eu fermentum eget, aliquam vehicula ligula.</p> | |||
| 17819 | </div> | 23485 | </div> | |||
| 17820 | </div> | 23486 | </div> | |||
| 17821 | </div> | 23487 | </div> | |||
| 17822 | <style type="text/css"> | 23488 | <style type="text/css"> | |||
| 17823 | .content-row { | 23489 | .content-row { | |||
| 17824 | border-top: 1px solid #dfdfdf; | 23490 | border-top: 1px solid #dfdfdf; | |||
| 17825 | padding: 40px 0; | 23491 | padding: 40px 0; | |||
| 17826 | } | 23492 | } | |||
| 17827 | .content-row:first-child { | 23493 | .content-row:first-child { | |||
| 17828 | border-top: 0; | 23494 | border-top: 0; | |||
| 17829 | } | 23495 | } | |||
| 17830 | h2 { | 23496 | h2 { | |||
| 17831 | font-family: "Oswald"; | 23497 | font-family: "Oswald"; | |||
| 17832 | font-size: 30px; | 23498 | font-size: 30px; | |||
| 17833 | color: #000; | 23499 | color: #000; | |||
| 17834 | font-weight: 700; | 23500 | font-weight: 700; | |||
| 17835 | letter-spacing: 1px; | 23501 | letter-spacing: 1px; | |||
| 17836 | margin: 0; | 23502 | margin: 0; | |||
| 17837 | margin-bottom: 60px; | 23503 | margin-bottom: 60px; | |||
| 17838 | line-height: 1; | 23504 | line-height: 1; | |||
| 17839 | } | 23505 | } | |||
| 17840 | h4 { | 23506 | h4 { | |||
| 17841 | font-size: 20px; | 23507 | font-size: 20px; | |||
| 17842 | font-weight: 400; | 23508 | font-weight: 400; | |||
| 17843 | color: #000; | 23509 | color: #000; | |||
| 17844 | line-height: 1; | 23510 | line-height: 1; | |||
| 17845 | margin: 0; | 23511 | margin: 0; | |||
| 17846 | margin-top: 5px; | 23512 | margin-top: 5px; | |||
| 17847 | margin-bottom: 30px; | 23513 | margin-bottom: 30px; | |||
| 17848 | } | 23514 | } | |||
| 17849 | @media(min-width: 1680px) { | 23515 | @media(min-width: 1680px) { | |||
| 17850 | .content-row { | 23516 | .content-row { | |||
| 17851 | padding: 60px 100px; | 23517 | padding: 60px 100px; | |||
| 17852 | } | 23518 | } | |||
| 17853 | .content-row > .row { | 23519 | .content-row > .row { | |||
| 17854 | margin: 0 -30px; | 23520 | margin: 0 -30px; | |||
| 17855 | } | 23521 | } | |||
| 17856 | .content-row > .row > div { | 23522 | .content-row > .row > div { | |||
| 17857 | padding: 0 30px; | 23523 | padding: 0 30px; | |||
| 17858 | } | 23524 | } | |||
| 17859 | h2 { | 23525 | h2 { | |||
| 17860 | font-size: 40px; | 23526 | font-size: 40px; | |||
| 17861 | margin-bottom: 80px; | 23527 | margin-bottom: 80px; | |||
| 17862 | } | 23528 | } | |||
| 17863 | h4 { | 23529 | h4 { | |||
| 17864 | font-size: 25px; | 23530 | font-size: 25px; | |||
| 17865 | margin-bottom: 40px; | 23531 | margin-bottom: 40px; | |||
| 17866 | } | 23532 | } | |||
| 17867 | } | 23533 | } | |||
| 17868 | @media(min-width: 1900px) { | 23534 | @media(min-width: 1900px) { | |||
| 17869 | .content-row { | 23535 | .content-row { | |||
| 17870 | padding: 80px 190px; | 23536 | padding: 80px 190px; | |||
| 17871 | } | 23537 | } | |||
| 17872 | .content-row > .row { | 23538 | .content-row > .row { | |||
| 17873 | margin: 0 -50px; | 23539 | margin: 0 -50px; | |||
| 17874 | } | 23540 | } | |||
| 17875 | .content-row > .row > div { | 23541 | .content-row > .row > div { | |||
| 17876 | padding: 0 50px; | 23542 | padding: 0 50px; | |||
| 17877 | } | 23543 | } | |||
| 17878 | h2 { | 23544 | h2 { | |||
| 17879 | font-size: 50px; | 23545 | font-size: 50px; | |||
| 17880 | margin-bottom: 100px; | 23546 | margin-bottom: 100px; | |||
| 17881 | } | 23547 | } | |||
| 17882 | h4 { | 23548 | h4 { | |||
| 17883 | font-size: 30px; | 23549 | font-size: 30px; | |||
| 17884 | margin-bottom: 50px; | 23550 | margin-bottom: 50px; | |||
| 17885 | } | 23551 | } | |||
| 17886 | } | 23552 | } | |||
| 17887 | </style>]]> | 23553 | </style>]]> | |||
| 17888 | </content> | 23554 | </content> | |||
| 17889 | 23555 | |||||
| 17890 | <is_active> | 23556 | <is_active> | |||
| 17891 | 1 | 23557 | 1 | |||
| 17892 | </is_active> | 23558 | </is_active> | |||
| 17893 | 23559 | |||||
| 17894 | <page_layout> | 23560 | <page_layout> | |||
| 17895 | 1column | 23561 | 1column | |||
| 17896 | </page_layout> | 23562 | </page_layout> | |||
| 17897 | 23563 | |||||
| 17898 | <layout_update_xml> | 23564 | <layout_update_xml> | |||
| 17899 | <![CDATA[]]> | 23565 | <![CDATA[]]> | |||
| 17900 | </layout_update_xml> | 23566 | </layout_update_xml> | |||
| 17901 | 23567 | |||||
| 17902 | </cms_item> | 23568 | </cms_item> | |||
| 17903 | 23569 | |||||
| 17904 | <cms_item> | 23570 | <cms_item> | |||
| 17905 | 23571 | |||||
| 17906 | <title> | 23572 | <title> | |||
| 17907 | Porto - About Us 2 | 23573 | Porto - About Us 2 | |||
| 17908 | </title> | 23574 | </title> | |||
| 17909 | 23575 | |||||
| 17910 | <identifier> | 23576 | <identifier> | |||
| 17911 | about-porto-2 | 23577 | about-porto-2 | |||
| 17912 | </identifier> | 23578 | </identifier> | |||
| 17913 | 23579 | |||||
| 17914 | <content> | 23580 | <content> | |||
| 17915 | <![CDATA[<div class="content-row" style="padding: 71px 0 75px;"> | 23581 | <![CDATA[<div class="content-row" style="padding: 71px 0 75px;"> | |||
| 17916 | <div class="container"> | 23582 | <div class="container"> | |||
| 17917 | <div class="row"> | 23583 | <div class="row"> | |||
| 17918 | <div class="col-md-12"> | 23584 | <div class="col-md-12"> | |||
| 17919 | <h2>Who we are</h2> | 23585 | <h2>Who we are</h2> | |||
| 17920 | <p style="margin-bottom: 40px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et<br>dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex<br>ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat<br>nulla pariatur. Excepteur sint occaecat.</p> | 23586 | <p style="margin-bottom: 40px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et<br>dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex<br>ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat<br>nulla pariatur. Excepteur sint occaecat.</p> | |||
| 17921 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/about-image.jpg"}}" class="img-responsive" alt="" style="max-width: 100%;" /> | 23587 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/about-image.jpg"}}" class="img-responsive" alt="" style="max-width: 100%;" /> | |||
| 17922 | </div> | 23588 | </div> | |||
| 17923 | </div> | 23589 | </div> | |||
| 17924 | <div class="row" style="margin: 50px 0 0;"> | 23590 | <div class="row" style="margin: 50px 0 0;"> | |||
| 17925 | <div class="col-md-2"></div> | 23591 | <div class="col-md-2"></div> | |||
| 17926 | <div class="col-md-8 brand-item"> | 23592 | <div class="col-md-8 brand-item"> | |||
| 17927 | <span>50+<b>Fashion Brands</b></span> | 23593 | <span>50+<b>Fashion Brands</b></span> | |||
| 17928 | <span>150+<b>Fashion Products</b></span> | 23594 | <span>150+<b>Fashion Products</b></span> | |||
| 17929 | <span>250+<b>Regular Buyers</b></span> | 23595 | <span>250+<b>Regular Buyers</b></span> | |||
| 17930 | </div> | 23596 | </div> | |||
| 17931 | <div class="col-md-2"></div> | 23597 | <div class="col-md-2"></div> | |||
| 17932 | </div> | 23598 | </div> | |||
| 17933 | </div> | 23599 | </div> | |||
| 17934 | </div> | 23600 | </div> | |||
| 17935 | <div class="content-row fullwidth-row" style="background-color:#efefef;padding: 71px 0 75px;"> | 23601 | <div class="content-row fullwidth-row" style="background-color:#efefef;padding: 71px 0 75px;"> | |||
| 17936 | <div class="container"> | 23602 | <div class="container"> | |||
| 17937 | <h2>Our History</h2> | 23603 | <h2>Our History</h2> | |||
| 17938 | </div> | 23604 | </div> | |||
| 17939 | <div class="container"> | 23605 | <div class="container"> | |||
| 17940 | <div class="row"> | 23606 | <div class="row"> | |||
| 17941 | <div class="col-md-4"> | 23607 | <div class="col-md-4"> | |||
| 17942 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/about-image2.jpg"}}" class="img-responsive" alt=""> | 23608 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/about-image2.jpg"}}" class="img-responsive" alt=""> | |||
| 17943 | </div> | 23609 | </div> | |||
| 17944 | <div class="col-md-8"> | 23610 | <div class="col-md-8"> | |||
| 17945 | <div class="filter-history" style="padding-top: 35px;"> | 23611 | <div class="filter-history" style="padding-top: 35px;"> | |||
| 17946 | <div class="tab-main-content"> | 23612 | <div class="tab-main-content"> | |||
| 17947 | <div class="tab-content" id="h2016_contents"> | 23613 | <div class="tab-content" id="h2016_contents"> | |||
| 17948 | <h3>2016</h3> | 23614 | <h3>2016</h3> | |||
| 17949 | <p>Eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim<br>veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo<br>consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum<br>dolore eu fugiat nulla pariatur. Excepteur sint occaecat.</p> | 23615 | <p>Eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim<br>veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo<br>consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum<br>dolore eu fugiat nulla pariatur. Excepteur sint occaecat.</p> | |||
| 17950 | </div> | 23616 | </div> | |||
| 17951 | <div class="tab-content" id="h2014_contents" style="display: none;"> | 23617 | <div class="tab-content" id="h2014_contents" style="display: none;"> | |||
| 17952 | <h3>2014</h3> | 23618 | <h3>2014</h3> | |||
| 17953 | <p>Eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim<br>veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo<br>consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum<br>dolore eu fugiat nulla pariatur. Excepteur sint occaecat.</p> | 23619 | <p>Eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim<br>veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo<br>consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum<br>dolore eu fugiat nulla pariatur. Excepteur sint occaecat.</p> | |||
| 17954 | </div> | 23620 | </div> | |||
| 17955 | <div class="tab-content" id="h2012_contents" style="display: none;"> | 23621 | <div class="tab-content" id="h2012_contents" style="display: none;"> | |||
| 17956 | <h3>2012</h3> | 23622 | <h3>2012</h3> | |||
| 17957 | <p>Eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim<br>veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo<br>consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum<br>dolore eu fugiat nulla pariatur. Excepteur sint occaecat.</p> | 23623 | <p>Eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim<br>veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo<br>consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum<br>dolore eu fugiat nulla pariatur. Excepteur sint occaecat.</p> | |||
| 17958 | </div> | 23624 | </div> | |||
| 17959 | <div class="tab-content" id="h2010_contents" style="display: none;"> | 23625 | <div class="tab-content" id="h2010_contents" style="display: none;"> | |||
| 17960 | <h3>2016</h3> | 23626 | <h3>2016</h3> | |||
| 17961 | <p>Eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim<br>veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo<br>consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum<br>dolore eu fugiat nulla pariatur. Excepteur sint occaecat.</p> | 23627 | <p>Eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim<br>veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo<br>consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum<br>dolore eu fugiat nulla pariatur. Excepteur sint occaecat.</p> | |||
| 17962 | </div> | 23628 | </div> | |||
| 17963 | </div> | 23629 | </div> | |||
| 17964 | <ul class="nav-tabs"> | 23630 | <ul class="nav-tabs"> | |||
| 17965 | <li id="h2016" class="active"><a href="javascript:void(0)">2016</a></li> | 23631 | <li id="h2016" class="active"><a href="javascript:void(0)">2016</a></li> | |||
| 17966 | <li id="h2014" class=""><a href="javascript:void(0)">2014</a></li> | 23632 | <li id="h2014" class=""><a href="javascript:void(0)">2014</a></li> | |||
| 17967 | <li id="h2012" class=""><a href="javascript:void(0)">2012</a></li> | 23633 | <li id="h2012" class=""><a href="javascript:void(0)">2012</a></li> | |||
| 17968 | <li id="h2010" class=""><a href="javascript:void(0)">2010</a></li> | 23634 | <li id="h2010" class=""><a href="javascript:void(0)">2010</a></li> | |||
| 17969 | </ul> | 23635 | </ul> | |||
| 17970 | </div> | 23636 | </div> | |||
| 17971 | <script type="text/javascript"> | 23637 | <script type="text/javascript"> | |||
| 17972 | require([ | 23638 | require([ | |||
| 17973 | 'jquery' | 23639 | 'jquery' | |||
| 17974 | ], function ($) { | 23640 | ], function ($) { | |||
| 17975 | $(".nav-tabs > li > a").off("click").on("click",function(){ | 23641 | $(".nav-tabs > li > a").off("click").on("click",function(){ | |||
| 17976 | $(this).parent().parent().children("li").removeClass("active"); | 23642 | $(this).parent().parent().children("li").removeClass("active"); | |||
| 17977 | $(this).parent().parent().parent().children(".tab-main-content").children(".tab-content").hide(); | 23643 | $(this).parent().parent().parent().children(".tab-main-content").children(".tab-content").hide(); | |||
| 17978 | $("#" + $(this).parent().attr("id") + "_contents").show(); | 23644 | $("#" + $(this).parent().attr("id") + "_contents").show(); | |||
| 17979 | $(this).parent().addClass("active"); | 23645 | $(this).parent().addClass("active"); | |||
| 17980 | }); | 23646 | }); | |||
| 17981 | }); | 23647 | }); | |||
| 17982 | </script> | 23648 | </script> | |||
| 17983 | </div> | 23649 | </div> | |||
| 17984 | </div> | 23650 | </div> | |||
| 17985 | </div> | 23651 | </div> | |||
| 17986 | </div> | 23652 | </div> | |||
| 17987 | <style> | 23653 | <style> | |||
| 17988 | .main-container,.col-main { | 23654 | .main-container,.col-main { | |||
| 17989 | padding: 0; | 23655 | padding: 0; | |||
| 17990 | } | 23656 | } | |||
| 17991 | .main.container { | 23657 | .main.container { | |||
| 17992 | width: 100%; | 23658 | width: 100%; | |||
| 17993 | padding: 0; | 23659 | padding: 0; | |||
| 17994 | } | 23660 | } | |||
| 17995 | .content-row { | 23661 | .content-row { | |||
| 17996 | text-align:center; | 23662 | text-align:center; | |||
| 17997 | font-size: 15px; | 23663 | font-size: 15px; | |||
| 17998 | line-height: 27px; | 23664 | line-height: 27px; | |||
| 17999 | letter-spacing: 0.005em; | 23665 | letter-spacing: 0.005em; | |||
| 18000 | } | 23666 | } | |||
| 18001 | .content-row h2 { | 23667 | .content-row h2 { | |||
| 18002 | font-size: 25px; | 23668 | font-size: 25px; | |||
| 18003 | font-weight: 700; | 23669 | font-weight: 700; | |||
| 18004 | color:#21293c; | 23670 | color:#21293c; | |||
| 18005 | text-transform: uppercase; | 23671 | text-transform: uppercase; | |||
| 18006 | margin-bottom: 30px; | 23672 | margin-bottom: 30px; | |||
| 18007 | line-height: 1; | 23673 | line-height: 1; | |||
| 18008 | } | 23674 | } | |||
| 18009 | .content-row .brand-item span { | 23675 | .content-row .brand-item span { | |||
| 18010 | font-family: 'Oswald'; | 23676 | font-family: 'Oswald'; | |||
| 18011 | font-size:36px; | 23677 | font-size:36px; | |||
| 18012 | font-weight:400; | 23678 | font-weight:400; | |||
| 18013 | text-align:center; | 23679 | text-align:center; | |||
| 18014 | color:#21293c; | 23680 | color:#21293c; | |||
| 18015 | display:inline-block; | 23681 | display:inline-block; | |||
| 18016 | padding: 0 35px; | 23682 | padding: 0 35px; | |||
| 18017 | } | 23683 | } | |||
| 18018 | .content-row .brand-item b { | 23684 | .content-row .brand-item b { | |||
| 18019 | font-family:'Open Sans'; | 23685 | font-family:'Open Sans'; | |||
| 18020 | font-size:16px; | 23686 | font-size:16px; | |||
| 18021 | color:#7a7d82; | 23687 | color:#7a7d82; | |||
| 18022 | font-weight:400; | 23688 | font-weight:400; | |||
| 18023 | display:block; | 23689 | display:block; | |||
| 18024 | padding-top: 10px; | 23690 | padding-top: 10px; | |||
| 18025 | } | 23691 | } | |||
| 18026 | .filter-history .tab-content { | 23692 | .filter-history .tab-content { | |||
| 18027 | width: calc(100% - 73px); | 23693 | width: calc(100% - 73px); | |||
| 18028 | display: inline-block; | 23694 | display: inline-block; | |||
| 18029 | float: left; | 23695 | float: left; | |||
| 18030 | text-align: left; | 23696 | text-align: left; | |||
| 18031 | font-size: 15px; | 23697 | font-size: 15px; | |||
| 18032 | letter-spacing: 0.005em; | 23698 | letter-spacing: 0.005em; | |||
| 18033 | line-height: 27px; | 23699 | line-height: 27px; | |||
| 18034 | padding-left: 30px; | 23700 | padding-left: 30px; | |||
| 18035 | } | 23701 | } | |||
| 18036 | .filter-history .tab-content h3 { | 23702 | .filter-history .tab-content h3 { | |||
| 18037 | font-family: 'Oswald'; | 23703 | font-family: 'Oswald'; | |||
| 18038 | font-size: 30px; | 23704 | font-size: 30px; | |||
| 18039 | font-weight: 400; | 23705 | font-weight: 400; | |||
| 18040 | color: #21293c; | 23706 | color: #21293c; | |||
| 18041 | margin-bottom: 32px; | 23707 | margin-bottom: 32px; | |||
| 18042 | } | 23708 | } | |||
| 18043 | .filter-history .nav-tabs { | 23709 | .filter-history .nav-tabs { | |||
| 18044 | width: 73px; | 23710 | width: 73px; | |||
| 18045 | list-style: none; | 23711 | list-style: none; | |||
| 18046 | display: inline-block; | 23712 | display: inline-block; | |||
| 18047 | padding: 0; | 23713 | padding: 0; | |||
| 18048 | margin-top: 43px; | 23714 | margin-top: 43px; | |||
| 18049 | } | 23715 | } | |||
| 18050 | .filter-history .nav-tabs li { | 23716 | .filter-history .nav-tabs li { | |||
| 18051 | display: block; | 23717 | display: block; | |||
| 18052 | } | 23718 | } | |||
| 18053 | .filter-history .nav-tabs li a { | 23719 | .filter-history .nav-tabs li a { | |||
| 18054 | font-family: 'Oswald'; | 23720 | font-family: 'Oswald'; | |||
| 18055 | font-size: 18px; | 23721 | font-size: 18px; | |||
| 18056 | font-weight: 400; | 23722 | font-weight: 400; | |||
| 18057 | letter-spacing: 0.05em; | 23723 | letter-spacing: 0.05em; | |||
| 18058 | color: #979797; | 23724 | color: #979797; | |||
| 18059 | padding: 14px 3px; | 23725 | padding: 14px 3px; | |||
| 18060 | display: block; | 23726 | display: block; | |||
| 18061 | position: relative; | 23727 | position: relative; | |||
| 18062 | text-align: right; | 23728 | text-align: right; | |||
| 18063 | } | 23729 | } | |||
| 18064 | .filter-history .nav-tabs li.active a { | 23730 | .filter-history .nav-tabs li.active a { | |||
| 18065 | color: #21293c; | 23731 | color: #21293c; | |||
| 18066 | } | 23732 | } | |||
| 18067 | .filter-history .nav-tabs li a:before { | 23733 | .filter-history .nav-tabs li a:before { | |||
| 18068 | content: "\f883"; | 23734 | content: "\f883"; | |||
| 18069 | color: #979797; | 23735 | color: #979797; | |||
| 18070 | font-family: 'porto-icons'; | 23736 | font-family: 'porto-icons'; | |||
| 18071 | font-size: 10px; | 23737 | font-size: 10px; | |||
| 18072 | padding-right: 20px; | 23738 | padding-right: 20px; | |||
| 18073 | margin-top: -5px; | 23739 | margin-top: -5px; | |||
| 18074 | position: absolute; | 23740 | position: absolute; | |||
| 18075 | top: 21px; | 23741 | top: 21px; | |||
| 18076 | left: 0; | 23742 | left: 0; | |||
| 18077 | } | 23743 | } | |||
| 18078 | .filter-history .nav-tabs li.active a:before { | 23744 | .filter-history .nav-tabs li.active a:before { | |||
| 18079 | color: #6f727b; | 23745 | color: #6f727b; | |||
| 18080 | } | 23746 | } | |||
| 18081 | </style>]]> | 23747 | </style>]]> | |||
| 18082 | </content> | 23748 | </content> | |||
| 18083 | 23749 | |||||
| 18084 | <is_active> | 23750 | <is_active> | |||
| 18085 | 1 | 23751 | 1 | |||
| 18086 | </is_active> | 23752 | </is_active> | |||
| 18087 | 23753 | |||||
| 18088 | <page_layout> | 23754 | <page_layout> | |||
| 18089 | 1column | 23755 | 1column | |||
| 18090 | </page_layout> | 23756 | </page_layout> | |||
| 18091 | 23757 | |||||
| 18092 | <layout_update_xml> | 23758 | <layout_update_xml> | |||
| 18093 | <![CDATA[]]> | 23759 | <![CDATA[]]> | |||
| 18094 | </layout_update_xml> | 23760 | </layout_update_xml> | |||
| 18095 | 23761 | |||||
| 18096 | </cms_item> | 23762 | </cms_item> | |||
| 18097 | 23763 | |||||
| 18098 | <cms_item> | 23764 | <cms_item> | |||
| 18099 | 23765 | |||||
| 18100 | <title> | 23766 | <title> | |||
| 18101 | Porto - About Us 3 | 23767 | Porto - About Us 3 | |||
| 18102 | </title> | 23768 | </title> | |||
| 18103 | 23769 | |||||
| 18104 | <identifier> | 23770 | <identifier> | |||
| 18105 | about-porto-3 | 23771 | about-porto-3 | |||
| 18106 | </identifier> | 23772 | </identifier> | |||
| 18107 | 23773 | |||||
| 18108 | <content> | 23774 | <content> | |||
| 18109 | <![CDATA[<div class="content-row" style="padding: 30px 0 40px;"> | 23775 | <![CDATA[<div class="content-row" style="padding: 30px 0 40px;"> | |||
| 18110 | <h2>WHO WE ARE</h2> | 23776 | <h2>WHO WE ARE</h2> | |||
| 18111 | <div class="row"> | 23777 | <div class="row"> | |||
| 18112 | <div class="col-lg-8"> | 23778 | <div class="col-lg-8"> | |||
| 18113 | <p style="font-family:'Open Sans';font-size:14px;font-weight:400;color:#676a6d;margin:0;margin-bottom: 15px;line-height:2;padding-right: 25px;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. posuere cubilia Curae; In eu libero ligula. Fusce eget metus lorem, ac viverra leo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In eu libero ligula. Fusce eget metus lorem, ac viverra leo. desktop publishing software like Aldus PageMaker including versions. was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently.</p> | 23779 | <p style="font-family:'Open Sans';font-size:14px;font-weight:400;color:#676a6d;margin:0;margin-bottom: 15px;line-height:2;padding-right: 25px;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. posuere cubilia Curae; In eu libero ligula. Fusce eget metus lorem, ac viverra leo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In eu libero ligula. Fusce eget metus lorem, ac viverra leo. desktop publishing software like Aldus PageMaker including versions. was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently.</p> | |||
| 18114 | </div> | 23780 | </div> | |||
| 18115 | <div class="col-lg-4"> | 23781 | <div class="col-lg-4"> | |||
| 18116 | <div class="support-block"> | 23782 | <div class="support-block"> | |||
| 18117 | <div> | 23783 | <div> | |||
| 18118 | <i class="porto-icon-shipped"></i> | 23784 | <i class="porto-icon-shipped"></i> | |||
| 18119 | <h3>FREE SHIPPING & RETURN</h3> | 23785 | <h3>FREE SHIPPING & RETURN</h3> | |||
| 18120 | <p>Free shipping on all orders over $99.</p> | 23786 | <p>Free shipping on all orders over $99.</p> | |||
| 18121 | </div> | 23787 | </div> | |||
| 18122 | <div> | 23788 | <div> | |||
| 18123 | <i class="porto-icon-us-dollar"></i> | 23789 | <i class="porto-icon-us-dollar"></i> | |||
| 18124 | <h3>MONEY BACK GUARANTEE</h3> | 23790 | <h3>MONEY BACK GUARANTEE</h3> | |||
| 18125 | <p>100% money back guarantee</p> | 23791 | <p>100% money back guarantee</p> | |||
| 18126 | </div> | 23792 | </div> | |||
| 18127 | <div> | 23793 | <div> | |||
| 18128 | <i class="porto-icon-online-support"></i> | 23794 | <i class="porto-icon-online-support"></i> | |||
| 18129 | <h3>ONLINE SUPPORT 24/7</h3> | 23795 | <h3>ONLINE SUPPORT 24/7</h3> | |||
| 18130 | <p>Lorem ipsum dolor sit amet.</p> | 23796 | <p>Lorem ipsum dolor sit amet.</p> | |||
| 18131 | </div> | 23797 | </div> | |||
| 18132 | </div> | 23798 | </div> | |||
| 18133 | </div> | 23799 | </div> | |||
| 18134 | </div> | 23800 | </div> | |||
| 18135 | </div> | 23801 | </div> | |||
| 18136 | <div class="content-row fullwidth-row" style="background-color:#efefef;padding:50px 0 57px;"> | 23802 | <div class="content-row fullwidth-row" style="background-color:#efefef;padding:50px 0 57px;"> | |||
| 18137 | <div class="container"> | 23803 | <div class="container"> | |||
| 18138 | <h2>OUR TEAM</h2> | 23804 | <h2>OUR TEAM</h2> | |||
| 18139 | <div class="row"> | 23805 | <div class="row"> | |||
| 18140 | <div class="col-md-3 col-sm-6"> | 23806 | <div class="col-md-3 col-sm-6"> | |||
| 18141 | <div class="team-member"> | 23807 | <div class="team-member"> | |||
| 18142 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-1.jpg"}}" alt="" /> | 23808 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-1.jpg"}}" alt="" /> | |||
| 18143 | <h5>JANE DOE</h5> | 23809 | <h5>JANE DOE</h5> | |||
| 18144 | </div> | 23810 | </div> | |||
| 18145 | </div> | 23811 | </div> | |||
| 18146 | <div class="col-md-3 col-sm-6"> | 23812 | <div class="col-md-3 col-sm-6"> | |||
| 18147 | <div class="team-member"> | 23813 | <div class="team-member"> | |||
| 18148 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-2.jpg"}}" alt="" /> | 23814 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-2.jpg"}}" alt="" /> | |||
| 18149 | <h5>JOHN DOE</h5> | 23815 | <h5>JOHN DOE</h5> | |||
| 18150 | </div> | 23816 | </div> | |||
| 18151 | </div> | 23817 | </div> | |||
| 18152 | <div class="col-md-3 col-sm-6"> | 23818 | <div class="col-md-3 col-sm-6"> | |||
| 18153 | <div class="team-member"> | 23819 | <div class="team-member"> | |||
| 18154 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-3.jpg"}}" alt="" /> | 23820 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-3.jpg"}}" alt="" /> | |||
| 18155 | <h5>GEORGE DOE</h5> | 23821 | <h5>GEORGE DOE</h5> | |||
| 18156 | </div> | 23822 | </div> | |||
| 18157 | </div> | 23823 | </div> | |||
| 18158 | <div class="col-md-3 col-sm-6"> | 23824 | <div class="col-md-3 col-sm-6"> | |||
| 18159 | <div class="team-member"> | 23825 | <div class="team-member"> | |||
| 18160 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-4.jpg"}}" alt="" /> | 23826 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-4.jpg"}}" alt="" /> | |||
| 18161 | <h5>ALICE DOE</h5> | 23827 | <h5>ALICE DOE</h5> | |||
| 18162 | </div> | 23828 | </div> | |||
| 18163 | </div> | 23829 | </div> | |||
| 18164 | </div> | 23830 | </div> | |||
| 18165 | <button class="btn" style="font-family: 'Oswald';font-weight: 400;font-size: 14px;color: #fff;background-color: #111;padding: 10px 20px;border-radius: 3px;display: block;margin: 0 auto;line-height: 1.5;height: auto;border: 0;">JOIN OUR TEAM</button> | 23831 | <button class="btn" style="font-family: 'Oswald';font-weight: 400;font-size: 14px;color: #fff;background-color: #111;padding: 10px 20px;border-radius: 3px;display: block;margin: 0 auto;line-height: 1.5;height: auto;border: 0;">JOIN OUR TEAM</button> | |||
| 18166 | </div> | 23832 | </div> | |||
| 18167 | </div> | 23833 | </div> | |||
| 18168 | <div class="content-row" style="padding-top: 55px;"> | 23834 | <div class="content-row" style="padding-top: 55px;"> | |||
| 18169 | <h2>OUR HISTORY</h2> | 23835 | <h2>OUR HISTORY</h2> | |||
| 18170 | <div class="row"> | 23836 | <div class="row"> | |||
| 18171 | <div class="col-lg-6"> | 23837 | <div class="col-lg-6"> | |||
| 18172 | <div class="history-item"> | 23838 | <div class="history-item"> | |||
| 18173 | <div class="image-area"> | 23839 | <div class="image-area"> | |||
| 18174 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/history-1.jpg"}}" alt="" /> | 23840 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/history-1.jpg"}}" alt="" /> | |||
| 18175 | <span>2000</span> | 23841 | <span>2000</span> | |||
| 18176 | </div> | 23842 | </div> | |||
| 18177 | <div class="content-area"> | 23843 | <div class="content-area"> | |||
| 18178 | <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took.</p> | 23844 | <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took.</p> | |||
| 18179 | </div> | 23845 | </div> | |||
| 18180 | </div> | 23846 | </div> | |||
| 18181 | </div> | 23847 | </div> | |||
| 18182 | <div class="col-lg-6"> | 23848 | <div class="col-lg-6"> | |||
| 18183 | <div class="history-item"> | 23849 | <div class="history-item"> | |||
| 18184 | <div class="image-area"> | 23850 | <div class="image-area"> | |||
| 18185 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/history-2.jpg"}}" alt="" /> | 23851 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/history-2.jpg"}}" alt="" /> | |||
| 18186 | <span>2010</span> | 23852 | <span>2010</span> | |||
| 18187 | </div> | 23853 | </div> | |||
| 18188 | <div class="content-area"> | 23854 | <div class="content-area"> | |||
| 18189 | <p>Readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites.</p> | 23855 | <p>Readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites.</p> | |||
| 18190 | </div> | 23856 | </div> | |||
| 18191 | </div> | 23857 | </div> | |||
| 18192 | </div> | 23858 | </div> | |||
| 18193 | <div class="col-lg-6"> | 23859 | <div class="col-lg-6"> | |||
| 18194 | <div class="history-item"> | 23860 | <div class="history-item"> | |||
| 18195 | <div class="image-area"> | 23861 | <div class="image-area"> | |||
| 18196 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/history-3.jpg"}}" alt="" /> | 23862 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/history-3.jpg"}}" alt="" /> | |||
| 18197 | <span>2015</span> | 23863 | <span>2015</span> | |||
| 18198 | </div> | 23864 | </div> | |||
| 18199 | <div class="content-area"> | 23865 | <div class="content-area"> | |||
| 18200 | <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly.</p> | 23866 | <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly.</p> | |||
| 18201 | </div> | 23867 | </div> | |||
| 18202 | </div> | 23868 | </div> | |||
| 18203 | </div> | 23869 | </div> | |||
| 18204 | <div class="col-lg-6"> | 23870 | <div class="col-lg-6"> | |||
| 18205 | <div class="history-item"> | 23871 | <div class="history-item"> | |||
| 18206 | <div class="image-area"> | 23872 | <div class="image-area"> | |||
| 18207 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/history-4.jpg"}}" alt="" /> | 23873 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/history-4.jpg"}}" alt="" /> | |||
| 18208 | <span>2018</span> | 23874 | <span>2018</span> | |||
| 18209 | </div> | 23875 | </div> | |||
| 18210 | <div class="content-area"> | 23876 | <div class="content-area"> | |||
| 18211 | <p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum.</p> | 23877 | <p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum.</p> | |||
| 18212 | </div> | 23878 | </div> | |||
| 18213 | </div> | 23879 | </div> | |||
| 18214 | </div> | 23880 | </div> | |||
| 18215 | </div> | 23881 | </div> | |||
| 18216 | </div> | 23882 | </div> | |||
| 18217 | <style type="text/css"> | 23883 | <style type="text/css"> | |||
| 18218 | .content-row h2 { | 23884 | .content-row h2 { | |||
| 18219 | font-size: 21px; | 23885 | font-size: 21px; | |||
| 18220 | color: #252525; | 23886 | color: #252525; | |||
| 18221 | font-weight: 700; | 23887 | font-weight: 700; | |||
| 18222 | font-family: 'Open Sans'; | 23888 | font-family: 'Open Sans'; | |||
| 18223 | margin-bottom: 15px; | 23889 | margin-bottom: 15px; | |||
| 18224 | } | 23890 | } | |||
| 18225 | .support-block { | 23891 | .support-block { | |||
| 18226 | border: 1px solid #dedede; | 23892 | border: 1px solid #dedede; | |||
| 18227 | border-bottom: 0; | 23893 | border-bottom: 0; | |||
| 18228 | } | 23894 | } | |||
| 18229 | .support-block > div { | 23895 | .support-block > div { | |||
| 18230 | border-bottom: 1px solid #dedede; | 23896 | border-bottom: 1px solid #dedede; | |||
| 18231 | padding: 10px; | 23897 | padding: 10px; | |||
| 18232 | line-height: 1.4; | 23898 | line-height: 1.4; | |||
| 18233 | } | 23899 | } | |||
| 18234 | .support-block > div:after { | 23900 | .support-block > div:after { | |||
| 18235 | content: ''; | 23901 | content: ''; | |||
| 18236 | display: table; | 23902 | display: table; | |||
| 18237 | clear: both; | 23903 | clear: both; | |||
| 18238 | } | 23904 | } | |||
| 18239 | .support-block > div > i { | 23905 | .support-block > div > i { | |||
| 18240 | font-size: 38px; | 23906 | font-size: 38px; | |||
| 18241 | color: #252525; | 23907 | color: #252525; | |||
| 18242 | float: left; | 23908 | float: left; | |||
| 18243 | margin: 0 15px; | 23909 | margin: 0 15px; | |||
| 18244 | } | 23910 | } | |||
| 18245 | .support-block > div > h3 { | 23911 | .support-block > div > h3 { | |||
| 18246 | color: #252525; | 23912 | color: #252525; | |||
| 18247 | font-family: 'Open Sans'; | 23913 | font-family: 'Open Sans'; | |||
| 18248 | font-size: 14px; | 23914 | font-size: 14px; | |||
| 18249 | font-weight: 600; | 23915 | font-weight: 600; | |||
| 18250 | margin: 5px 0; | 23916 | margin: 5px 0; | |||
| 18251 | } | 23917 | } | |||
| 18252 | .support-block > div > p { | 23918 | .support-block > div > p { | |||
| 18253 | margin: 0; | 23919 | margin: 0; | |||
| 18254 | font-family: 'Open Sans'; | 23920 | font-family: 'Open Sans'; | |||
| 18255 | font-size: 13px; | 23921 | font-size: 13px; | |||
| 18256 | font-weight: 400; | 23922 | font-weight: 400; | |||
| 18257 | color: #839199; | 23923 | color: #839199; | |||
| 18258 | line-height: 1.4; | 23924 | line-height: 1.4; | |||
| 18259 | margin-left: 83px; | 23925 | margin-left: 83px; | |||
| 18260 | } | 23926 | } | |||
| 18261 | .team-member { | 23927 | .team-member { | |||
| 18262 | background-color: #fff; | 23928 | background-color: #fff; | |||
| 18263 | margin-bottom: 28px; | 23929 | margin-bottom: 28px; | |||
| 18264 | transition: all 0.3s; | 23930 | transition: all 0.3s; | |||
| 18265 | } | 23931 | } | |||
| 18266 | .team-member:hover { | 23932 | .team-member:hover { | |||
| 18267 | box-shadow: 0 0 10px 2px rgba(0,0,0,0.3); | 23933 | box-shadow: 0 0 10px 2px rgba(0,0,0,0.3); | |||
| 18268 | } | 23934 | } | |||
| 18269 | .team-member img { | 23935 | .team-member img { | |||
| 18270 | width: 100%; | 23936 | width: 100%; | |||
| 18271 | display: block; | 23937 | display: block; | |||
| 18272 | } | 23938 | } | |||
| 18273 | .team-member h5 { | 23939 | .team-member h5 { | |||
| 18274 | padding: 30px 0; | 23940 | padding: 30px 0; | |||
| 18275 | text-align: center; | 23941 | text-align: center; | |||
| 18276 | font-family: 'Oswald'; | 23942 | font-family: 'Oswald'; | |||
| 18277 | font-size: 16px; | 23943 | font-size: 16px; | |||
| 18278 | line-height: 1; | 23944 | line-height: 1; | |||
| 18279 | color: #111; | 23945 | color: #111; | |||
| 18280 | font-weight: 400; | 23946 | font-weight: 400; | |||
| 18281 | margin: 0; | 23947 | margin: 0; | |||
| 18282 | } | 23948 | } | |||
| 18283 | .history-item { | 23949 | .history-item { | |||
| 18284 | display: flex; | 23950 | display: flex; | |||
| 18285 | margin: 10px 0; | 23951 | margin: 10px 0; | |||
| 18286 | } | 23952 | } | |||
| 18287 | .history-item > .image-area { | 23953 | .history-item > .image-area { | |||
| 18288 | position: relative; | 23954 | position: relative; | |||
| 18289 | } | 23955 | } | |||
| 18290 | .history-item > .image-area span { | 23956 | .history-item > .image-area span { | |||
| 18291 | position: absolute; | 23957 | position: absolute; | |||
| 18292 | top: 50%; | 23958 | top: 50%; | |||
| 18293 | left: 0; | 23959 | left: 0; | |||
| 18294 | width: 100%; | 23960 | width: 100%; | |||
| 18295 | text-align: center; | 23961 | text-align: center; | |||
| 18296 | font-family: 'Oswald'; | 23962 | font-family: 'Oswald'; | |||
| 18297 | font-size: 54px; | 23963 | font-size: 54px; | |||
| 18298 | font-weight: 300; | 23964 | font-weight: 300; | |||
| 18299 | line-height: 1; | 23965 | line-height: 1; | |||
| 18300 | color: #fff; | 23966 | color: #fff; | |||
| 18301 | margin-top: -27px; | 23967 | margin-top: -27px; | |||
| 18302 | } | 23968 | } | |||
| 18303 | .history-item > .content-area { | 23969 | .history-item > .content-area { | |||
| 18304 | border: 1px solid #dedede; | 23970 | border: 1px solid #dedede; | |||
| 18305 | border-left: 0; | 23971 | border-left: 0; | |||
| 18306 | padding: 45px 25px; | 23972 | padding: 45px 25px; | |||
| 18307 | } | 23973 | } | |||
| 18308 | .history-item > .content-area p { | 23974 | .history-item > .content-area p { | |||
| 18309 | display: -webkit-box; | 23975 | display: -webkit-box; | |||
| 18310 | -webkit-box-orient: vertical; | 23976 | -webkit-box-orient: vertical; | |||
| 18311 | -webkit-line-clamp: 5; | 23977 | -webkit-line-clamp: 5; | |||
| 18312 | overflow: hidden; | 23978 | overflow: hidden; | |||
| 18313 | margin: 0; | 23979 | margin: 0; | |||
| 18314 | font-family: 'Open Sans'; | 23980 | font-family: 'Open Sans'; | |||
| 18315 | font-size: 14px; | 23981 | font-size: 14px; | |||
| 18316 | font-weight: 400; | 23982 | font-weight: 400; | |||
| 18317 | line-height: 2; | 23983 | line-height: 2; | |||
| 18318 | color: #676a6d; | 23984 | color: #676a6d; | |||
| 18319 | } | 23985 | } | |||
| 18320 | .history-item > .image-area img { | 23986 | .history-item > .image-area img { | |||
| 18321 | max-width: none; | 23987 | max-width: none; | |||
| 18322 | display: block; | 23988 | display: block; | |||
| 18323 | } | 23989 | } | |||
| 18324 | </style>]]> | 23990 | </style>]]> | |||
| 18325 | </content> | 23991 | </content> | |||
| 18326 | 23992 | |||||
| 18327 | <is_active> | 23993 | <is_active> | |||
| 18328 | 1 | 23994 | 1 | |||
| 18329 | </is_active> | 23995 | </is_active> | |||
| 18330 | 23996 | |||||
| 18331 | <page_layout> | 23997 | <page_layout> | |||
| 18332 | 1column | 23998 | 1column | |||
| 18333 | </page_layout> | 23999 | </page_layout> | |||
| 18334 | 24000 | |||||
| 18335 | <layout_update_xml> | 24001 | <layout_update_xml> | |||
| 18336 | <![CDATA[]]> | 24002 | <![CDATA[]]> | |||
| 18337 | </layout_update_xml> | 24003 | </layout_update_xml> | |||
| 18338 | 24004 | |||||
| 18339 | </cms_item> | 24005 | </cms_item> | |||
| 18340 | 24006 | |||||
| 18341 | <cms_item> | 24007 | <cms_item> | |||
| 18342 | 24008 | |||||
| 18343 | <title> | 24009 | <title> | |||
| 18344 | Porto - About Us 4 | 24010 | Porto - About Us 4 | |||
| 18345 | </title> | 24011 | </title> | |||
| 18346 | 24012 | |||||
| 18347 | <identifier> | 24013 | <identifier> | |||
| 18348 | about-porto-4 | 24014 | about-porto-4 | |||
| 18349 | </identifier> | 24015 | </identifier> | |||
| 18350 | 24016 | |||||
| 18351 | <content> | 24017 | <content> | |||
| 18352 | <![CDATA[<div class="content-row" style="padding: 40px 0 60px;"> | 24018 | <![CDATA[<div class="content-row" style="padding: 40px 0 60px;"> | |||
| 18353 | <h2>OUR STORY</h2> | 24019 | <h2>OUR STORY</h2> | |||
| 18354 | <p style="font-family:'Open Sans';font-size:15px;font-weight:400;line-height:1.8;margin-bottom:20px;color:#7b858a;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p> | 24020 | <p style="font-family:'Open Sans';font-size:15px;font-weight:400;line-height:1.8;margin-bottom:20px;color:#7b858a;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p> | |||
| 18355 | <p style="font-family:'Open Sans';font-size:15px;font-weight:400;line-height:1.8;margin-bottom:20px;color:#7b858a;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> | 24021 | <p style="font-family:'Open Sans';font-size:15px;font-weight:400;line-height:1.8;margin-bottom:20px;color:#7b858a;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> | |||
| 18356 | <p style="font-family:'Open Sans';font-size:18px;font-weight:400;line-height:1.5;margin-bottom:20px;color:#21293c;">“ Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model search for evolved over sometimes by accident, sometimes on purpose ”</p> | 24022 | <p style="font-family:'Open Sans';font-size:18px;font-weight:400;line-height:1.5;margin-bottom:20px;color:#21293c;">“ Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model search for evolved over sometimes by accident, sometimes on purpose ”</p> | |||
| 18357 | </div> | 24023 | </div> | |||
| 18358 | <div class="content-row fullwidth-row" style="background-color:#efefef;padding:50px 0 57px;"> | 24024 | <div class="content-row fullwidth-row" style="background-color:#efefef;padding:50px 0 57px;"> | |||
| 18359 | <div class="container"> | 24025 | <div class="container"> | |||
| 18360 | <h2>WHY CHOOSE US</h2> | 24026 | <h2>WHY CHOOSE US</h2> | |||
| 18361 | <div class="row"> | 24027 | <div class="row"> | |||
| 18362 | <div class="col-lg-4"> | 24028 | <div class="col-lg-4"> | |||
| 18363 | <div class="service-block"> | 24029 | <div class="service-block"> | |||
| 18364 | <i class="porto-icon-shipped theme-color"></i> | 24030 | <i class="porto-icon-shipped theme-color"></i> | |||
| 18365 | <h3>Free Shipping</h3> | 24031 | <h3>Free Shipping</h3> | |||
| 18366 | <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industr.</p> | 24032 | <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industr.</p> | |||
| 18367 | </div> | 24033 | </div> | |||
| 18368 | </div> | 24034 | </div> | |||
| 18369 | <div class="col-lg-4"> | 24035 | <div class="col-lg-4"> | |||
| 18370 | <div class="service-block"> | 24036 | <div class="service-block"> | |||
| 18371 | <i class="porto-icon-us-dollar theme-color"></i> | 24037 | <i class="porto-icon-us-dollar theme-color"></i> | |||
| 18372 | <h3>100% money back guarantee.</h3> | 24038 | <h3>100% money back guarantee.</h3> | |||
| 18373 | <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.</p> | 24039 | <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.</p> | |||
| 18374 | </div> | 24040 | </div> | |||
| 18375 | </div> | 24041 | </div> | |||
| 18376 | <div class="col-lg-4"> | 24042 | <div class="col-lg-4"> | |||
| 18377 | <div class="service-block"> | 24043 | <div class="service-block"> | |||
| 18378 | <i class="porto-icon-online-support theme-color"></i> | 24044 | <i class="porto-icon-online-support theme-color"></i> | |||
| 18379 | <h3>Online Support 24/7</h3> | 24045 | <h3>Online Support 24/7</h3> | |||
| 18380 | <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.</p> | 24046 | <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.</p> | |||
| 18381 | </div> | 24047 | </div> | |||
| 18382 | </div> | 24048 | </div> | |||
| 18383 | </div> | 24049 | </div> | |||
| 18384 | </div> | 24050 | </div> | |||
| 18385 | </div> | 24051 | </div> | |||
| 18386 | <div class="content-row" style="padding: 50px 0 40px;"> | 24052 | <div class="content-row" style="padding: 50px 0 40px;"> | |||
| 18387 | <h2 style="text-align: center;margin-bottom: 40px;">HAPPY CLIENTS</h2> | 24053 | <h2 style="text-align: center;margin-bottom: 40px;">HAPPY CLIENTS</h2> | |||
| 18388 | <div id="testimonials-slider" class="owl-carousel owl-theme"> | 24054 | <div id="testimonials-slider" class="owl-carousel owl-theme"> | |||
| 18389 | <div class="item"> | 24055 | <div class="item"> | |||
| 18390 | <div class="testimonial-author"> | 24056 | <div class="testimonial-author"> | |||
| 18391 | <div class="img-thumbnail img-thumbnail-small"><img width="60" height="60" src="{{media url="wysiwyg/smartwave/porto/aboutus/4/client1.png"}}" alt=""/></div> | 24057 | <div class="img-thumbnail img-thumbnail-small"><img width="60" height="60" src="{{media url="wysiwyg/smartwave/porto/aboutus/4/client1.png"}}" alt=""/></div> | |||
| 18392 | <p><strong>John Smith</strong><span>Porto CO SEO</span></p> | 24058 | <p><strong>John Smith</strong><span>Porto CO SEO</span></p> | |||
| 18393 | </div> | 24059 | </div> | |||
| 18394 | <blockquote class="testimonial"> | 24060 | <blockquote class="testimonial"> | |||
| 18395 | <p>Lorem ipsum dolor sit amet, consectetur elitad adipiscing Cras non placerat mipsum dolor sit amet, consectetur elitad adipiscing cas non placerat mi.</p> | 24061 | <p>Lorem ipsum dolor sit amet, consectetur elitad adipiscing Cras non placerat mipsum dolor sit amet, consectetur elitad adipiscing cas non placerat mi.</p> | |||
| 18396 | </blockquote> | 24062 | </blockquote> | |||
| 18397 | </div> | 24063 | </div> | |||
| 18398 | <div class="item"> | 24064 | <div class="item"> | |||
| 18399 | <div class="testimonial-author"> | 24065 | <div class="testimonial-author"> | |||
| 18400 | <div class="img-thumbnail img-thumbnail-small"><img width="60" height="60" src="{{media url="wysiwyg/smartwave/porto/aboutus/4/client2.png"}}" alt=""/></div> | 24066 | <div class="img-thumbnail img-thumbnail-small"><img width="60" height="60" src="{{media url="wysiwyg/smartwave/porto/aboutus/4/client2.png"}}" alt=""/></div> | |||
| 18401 | <p><strong>Bob Smith</strong><span>Porto CO SEO</span></p> | 24067 | <p><strong>Bob Smith</strong><span>Porto CO SEO</span></p> | |||
| 18402 | </div> | 24068 | </div> | |||
| 18403 | <blockquote class="testimonial"> | 24069 | <blockquote class="testimonial"> | |||
| 18404 | <p>Lorem ipsum dolor sit amet, consectetur elitad adipiscing Cras non placerat mipsum dolor sit amet, consectetur elitad adipiscing cas non placerat mi.</p> | 24070 | <p>Lorem ipsum dolor sit amet, consectetur elitad adipiscing Cras non placerat mipsum dolor sit amet, consectetur elitad adipiscing cas non placerat mi.</p> | |||
| 18405 | </blockquote> | 24071 | </blockquote> | |||
| 18406 | </div> | 24072 | </div> | |||
| 18407 | </div> | 24073 | </div> | |||
| 18408 | <script type="text/javascript"> | 24074 | <script type="text/javascript"> | |||
| 18409 | require([ | 24075 | require([ | |||
| 18410 | 'jquery', | 24076 | 'jquery', | |||
| 18411 | 'owl.carousel/owl.carousel.min' | 24077 | 'owl.carousel/owl.carousel.min' | |||
| 18412 | ], function ($) { | 24078 | ], function ($) { | |||
| 18413 | $("#testimonials-slider").owlCarousel({ | 24079 | $("#testimonials-slider").owlCarousel({ | |||
| 18414 | autoplay: true, | 24080 | autoplay: true, | |||
| 18415 | autoplayTimeout: 5000, | 24081 | autoplayTimeout: 5000, | |||
| 18416 | autoplayHoverPause: true, | 24082 | autoplayHoverPause: true, | |||
| 18417 | margin: 0, | 24083 | margin: 0, | |||
| 18418 | nav: false, | 24084 | nav: false, | |||
| 18419 | dots: false, | 24085 | dots: false, | |||
| 18420 | navRewind: true, | 24086 | navRewind: true, | |||
| 18421 | animateIn: 'fadeIn', | 24087 | animateIn: 'fadeIn', | |||
| 18422 | animateOut: 'fadeOut', | 24088 | animateOut: 'fadeOut', | |||
| 18423 | loop: true, | 24089 | loop: true, | |||
| 18424 | responsive: { | 24090 | responsive: { | |||
| 18425 | 0: { | 24091 | 0: { | |||
| 18426 | items:1 | 24092 | items:1 | |||
| 18427 | }, | 24093 | }, | |||
| 18428 | 768: { | 24094 | 768: { | |||
| 18429 | items:1 | 24095 | items:1 | |||
| 18430 | }, | 24096 | }, | |||
| 18431 | 992: { | 24097 | 992: { | |||
| 18432 | items:1 | 24098 | items:1 | |||
| 18433 | }, | 24099 | }, | |||
| 18434 | 1200: { | 24100 | 1200: { | |||
| 18435 | items:2 | 24101 | items:2 | |||
| 18436 | } | 24102 | } | |||
| 18437 | } | 24103 | } | |||
| 18438 | }); | 24104 | }); | |||
| 18439 | }); | 24105 | }); | |||
| 18440 | </script> | 24106 | </script> | |||
| 18441 | </div> | 24107 | </div> | |||
| 18442 | <div class="content-row fullwidth-row" style="background-color:#efefef;"> | 24108 | <div class="content-row fullwidth-row" style="background-color:#efefef;"> | |||
| 18443 | <div class="container"> | 24109 | <div class="container"> | |||
| 18444 | <div class="counters"> | 24110 | <div class="counters"> | |||
| 18445 | <div class="row"> | 24111 | <div class="row"> | |||
| 18446 | <div class="col-lg-2 col-md-4 col-6"> | 24112 | <div class="col-lg-2 col-md-4 col-6"> | |||
| 18447 | <div class="counter counter-primary" data-appear-animation="bounceIn" data-appear-animation-delay="300"> | 24113 | <div class="counter counter-primary" data-appear-animation="bounceIn" data-appear-animation-delay="300"> | |||
| 18448 | <strong data-to="200" data-append="+">200+</strong> | 24114 | <strong data-to="200" data-append="+">200+</strong> | |||
| 18449 | <label>MILLION CUSTOMERS</label> | 24115 | <label>MILLION CUSTOMERS</label> | |||
| 18450 | </div> | 24116 | </div> | |||
| 18451 | </div> | 24117 | </div> | |||
| 18452 | <div class="col-lg-2 col-md-4 col-6"> | 24118 | <div class="col-lg-2 col-md-4 col-6"> | |||
| 18453 | <div class="counter counter-primary" data-appear-animation="bounceIn" data-appear-animation-delay="600"> | 24119 | <div class="counter counter-primary" data-appear-animation="bounceIn" data-appear-animation-delay="600"> | |||
| 18454 | <strong data-to="1800" data-append="+">1800+</strong> | 24120 | <strong data-to="1800" data-append="+">1800+</strong> | |||
| 18455 | <label>TEAM MEMBERS</label> | 24121 | <label>TEAM MEMBERS</label> | |||
| 18456 | </div> | 24122 | </div> | |||
| 18457 | </div> | 24123 | </div> | |||
| 18458 | <div class="col-lg-2 col-md-4 col-6"> | 24124 | <div class="col-lg-2 col-md-4 col-6"> | |||
| 18459 | <div class="counter counter-primary" data-appear-animation="bounceIn" data-appear-animation-delay="900"> | 24125 | <div class="counter counter-primary" data-appear-animation="bounceIn" data-appear-animation-delay="900"> | |||
| 18460 | <strong data-to="24" data-append="<span>HR</span>">24<span>HR</span></strong> | 24126 | <strong data-to="24" data-append="<span>HR</span>">24<span>HR</span></strong> | |||
| 18461 | <label>SUPPORT AVAILABLE</label> | 24127 | <label>SUPPORT AVAILABLE</label> | |||
| 18462 | </div> | 24128 | </div> | |||
| 18463 | </div> | 24129 | </div> | |||
| 18464 | <div class="col-lg-2 col-md-4 col-6"> | 24130 | <div class="col-lg-2 col-md-4 col-6"> | |||
| 18465 | <div class="counter counter-primary" data-appear-animation="bounceIn" data-appear-animation-delay="1200"> | 24131 | <div class="counter counter-primary" data-appear-animation="bounceIn" data-appear-animation-delay="1200"> | |||
| 18466 | <strong data-to="265" data-append="+">265+</strong> | 24132 | <strong data-to="265" data-append="+">265+</strong> | |||
| 18467 | <label>CUP OF COFFEE</label> | 24133 | <label>CUP OF COFFEE</label> | |||
| 18468 | </div> | 24134 | </div> | |||
| 18469 | </div> | 24135 | </div> | |||
| 18470 | <div class="col-lg-2 col-md-4 col-6"> | 24136 | <div class="col-lg-2 col-md-4 col-6"> | |||
| 18471 | <div class="counter counter-primary" data-appear-animation="bounceIn" data-appear-animation-delay="1200"> | 24137 | <div class="counter counter-primary" data-appear-animation="bounceIn" data-appear-animation-delay="1200"> | |||
| 18472 | <strong data-to="99" data-append="<span>%</span>">99<span>%</span></strong> | 24138 | <strong data-to="99" data-append="<span>%</span>">99<span>%</span></strong> | |||
| 18473 | <label>POSITIVE REVIEWS</label> | 24139 | <label>POSITIVE REVIEWS</label> | |||
| 18474 | </div> | 24140 | </div> | |||
| 18475 | </div> | 24141 | </div> | |||
| 18476 | </div> | 24142 | </div> | |||
| 18477 | <script type="text/javascript"> | 24143 | <script type="text/javascript"> | |||
| 18478 | // Counter | 24144 | // Counter | |||
| 18479 | require([ | 24145 | require([ | |||
| 18480 | 'jquery' | 24146 | 'jquery' | |||
| 18481 | ], function ($) { | 24147 | ], function ($) { | |||
| 18482 | 'use strict'; | 24148 | 'use strict'; | |||
| 18483 | if ($.isFunction($.fn['themePluginCounter'])) { | 24149 | if ($.isFunction($.fn['themePluginCounter'])) { | |||
| 18484 | $(function() { | 24150 | $(function() { | |||
| 18485 | $('[data-plugin-counter]:not(.manual), .counters [data-to]').each(function() { | 24151 | $('[data-plugin-counter]:not(.manual), .counters [data-to]').each(function() { | |||
| 18486 | var $this = $(this), opts; | 24152 | var $this = $(this), opts; | |||
| 18487 | var pluginOptions = $this.data('plugin-options'); | 24153 | var pluginOptions = $this.data('plugin-options'); | |||
| 18488 | if (pluginOptions) | 24154 | if (pluginOptions) | |||
| 18489 | opts = pluginOptions; | 24155 | opts = pluginOptions; | |||
| 18490 | $this.themePluginCounter(opts); | 24156 | $this.themePluginCounter(opts); | |||
| 18491 | }); | 24157 | }); | |||
| 18492 | }); | 24158 | }); | |||
| 18493 | } | 24159 | } | |||
| 18494 | }); | 24160 | }); | |||
| 18495 | </script> | 24161 | </script> | |||
| 18496 | </div> | 24162 | </div> | |||
| 18497 | </div> | 24163 | </div> | |||
| 18498 | </div> | 24164 | </div> | |||
| 18499 | <style type="text/css"> | 24165 | <style type="text/css"> | |||
| 18500 | h2 { | 24166 | h2 { | |||
| 18501 | font-family: 'Open Sans'; | 24167 | font-family: 'Open Sans'; | |||
| 18502 | font-size: 19px; | 24168 | font-size: 19px; | |||
| 18503 | font-weight: 700; | 24169 | font-weight: 700; | |||
| 18504 | color: #21293c; | 24170 | color: #21293c; | |||
| 18505 | margin-bottom: 20px; | 24171 | margin-bottom: 20px; | |||
| 18506 | } | 24172 | } | |||
| 18507 | .service-block { | 24173 | .service-block { | |||
| 18508 | background-color: #fff; | 24174 | background-color: #fff; | |||
| 18509 | padding: 30px 45px 40px 45px; | 24175 | padding: 30px 45px 40px 45px; | |||
| 18510 | } | 24176 | } | |||
| 18511 | .service-block > i { | 24177 | .service-block > i { | |||
| 18512 | font-size: 50px; | 24178 | font-size: 50px; | |||
| 18513 | margin: 0 -10px; | 24179 | margin: 0 -10px; | |||
| 18514 | } | 24180 | } | |||
| 18515 | .service-block > h3 { | 24181 | .service-block > h3 { | |||
| 18516 | font-family: 'Open Sans'; | 24182 | font-family: 'Open Sans'; | |||
| 18517 | font-size: 18px; | 24183 | font-size: 18px; | |||
| 18518 | line-height: 2; | 24184 | line-height: 2; | |||
| 18519 | font-weight: 600; | 24185 | font-weight: 600; | |||
| 18520 | color: #21293c; | 24186 | color: #21293c; | |||
| 18521 | margin-bottom: 15px; | 24187 | margin-bottom: 15px; | |||
| 18522 | overflow: hidden; | 24188 | overflow: hidden; | |||
| 18523 | text-overflow: ellipsis; | 24189 | text-overflow: ellipsis; | |||
| 18524 | white-space: nowrap; | 24190 | white-space: nowrap; | |||
| 18525 | } | 24191 | } | |||
| 18526 | .service-block > p { | 24192 | .service-block > p { | |||
| 18527 | font-family: 'Open Sans'; | 24193 | font-family: 'Open Sans'; | |||
| 18528 | font-size: 15px; | 24194 | font-size: 15px; | |||
| 18529 | font-weight: 400; | 24195 | font-weight: 400; | |||
| 18530 | line-height: 2; | 24196 | line-height: 2; | |||
| 18531 | color: #7b858a; | 24197 | color: #7b858a; | |||
| 18532 | margin: 0; | 24198 | margin: 0; | |||
| 18533 | height: 120px; | 24199 | height: 120px; | |||
| 18534 | overflow: hidden; | 24200 | overflow: hidden; | |||
| 18535 | display: -webkit-box; | 24201 | display: -webkit-box; | |||
| 18536 | -webkit-box-orient: vertical; | 24202 | -webkit-box-orient: vertical; | |||
| 18537 | -webkit-line-clamp: 4; | 24203 | -webkit-line-clamp: 4; | |||
| 18538 | } | 24204 | } | |||
| 18539 | blockquote.testimonial { | 24205 | blockquote.testimonial { | |||
| 18540 | border: 0; | 24206 | border: 0; | |||
| 18541 | background-color: transparent !important; | 24207 | background-color: transparent !important; | |||
| 18542 | color: #62615e; | 24208 | color: #62615e; | |||
| 18543 | font-size: 14px; | 24209 | font-size: 14px; | |||
| 18544 | font-style: normal; | 24210 | font-style: normal; | |||
| 18545 | line-height: 24px; | 24211 | line-height: 24px; | |||
| 18546 | font-weight: 400; | 24212 | font-weight: 400; | |||
| 18547 | font-family: 'Open Sans'; | 24213 | font-family: 'Open Sans'; | |||
| 18548 | margin: 0; | 24214 | margin: 0; | |||
| 18549 | padding: 15px 30px 15px 50px; | 24215 | padding: 15px 30px 15px 50px; | |||
| 18550 | float: left; | 24216 | float: left; | |||
| 18551 | margin-top: 5px; | 24217 | margin-top: 5px; | |||
| 18552 | position: relative; | 24218 | position: relative; | |||
| 18553 | margin-left: 73px; | 24219 | margin-left: 73px; | |||
| 18554 | } | 24220 | } | |||
| 18555 | blockquote.testimonial p { | 24221 | blockquote.testimonial p { | |||
| 18556 | line-height: 1.8; | 24222 | line-height: 1.8; | |||
| 18557 | } | 24223 | } | |||
| 18558 | blockquote.testimonial:before { | 24224 | blockquote.testimonial:before { | |||
| 18559 | left: 10px; | 24225 | left: 10px; | |||
| 18560 | top: 0; | 24226 | top: 0; | |||
| 18561 | content: "\201C"; | 24227 | content: "\201C"; | |||
| 18562 | font-style: normal; | 24228 | font-style: normal; | |||
| 18563 | line-height: 1; | 24229 | line-height: 1; | |||
| 18564 | position: absolute; | 24230 | position: absolute; | |||
| 18565 | color: #08c; | 24231 | color: #08c; | |||
| 18566 | font-family: 'porto'; | 24232 | font-family: 'porto'; | |||
| 18567 | font-weight: 400; | 24233 | font-weight: 400; | |||
| 18568 | font-size: 54px; | 24234 | font-size: 54px; | |||
| 18569 | } | 24235 | } | |||
| 18570 | .testimonial-arrow-down { | 24236 | .testimonial-arrow-down { | |||
| 18571 | border:15px solid transparent; | 24237 | border:15px solid transparent; | |||
| 18572 | border-top-color:#08c; | 24238 | border-top-color:#08c; | |||
| 18573 | border-bottom:0; | 24239 | border-bottom:0; | |||
| 18574 | height:0; | 24240 | height:0; | |||
| 18575 | margin:0 0 0 25px; | 24241 | margin:0 0 0 25px; | |||
| 18576 | width:0; | 24242 | width:0; | |||
| 18577 | } | 24243 | } | |||
| 18578 | .testimonial-author { | 24244 | .testimonial-author { | |||
| 18579 | margin:8px 0 0 8px; | 24245 | margin:8px 0 0 8px; | |||
| 18580 | } | 24246 | } | |||
| 18581 | .testimonial-author .img-thumbnail { | 24247 | .testimonial-author .img-thumbnail { | |||
| 18582 | float: left; | 24248 | float: left; | |||
| 18583 | margin-right: 25px; | 24249 | margin-right: 25px; | |||
| 18584 | position: relative; | 24250 | position: relative; | |||
| 18585 | line-height: 1.5; | 24251 | line-height: 1.5; | |||
| 18586 | background-color: #fff; | 24252 | background-color: #fff; | |||
| 18587 | display: inline-block; | 24253 | display: inline-block; | |||
| 18588 | max-width: 100%; | 24254 | max-width: 100%; | |||
| 18589 | height: auto; | 24255 | height: auto; | |||
| 18590 | border-radius: 50% !important; | 24256 | border-radius: 50% !important; | |||
| 18591 | } | 24257 | } | |||
| 18592 | .testimonial-author .img-thumbnail img { | 24258 | .testimonial-author .img-thumbnail img { | |||
| 18593 | max-width:60px; | 24259 | max-width:60px; | |||
| 18594 | display:inline-block; | 24260 | display:inline-block; | |||
| 18595 | height:auto; | 24261 | height:auto; | |||
| 18596 | } | 24262 | } | |||
| 18597 | .testimonial-author p { | 24263 | .testimonial-author p { | |||
| 18598 | color:#666; | 24264 | color:#666; | |||
| 18599 | margin:0 0 0 25px; | 24265 | margin:0 0 0 25px; | |||
| 18600 | text-align:left; | 24266 | text-align:left; | |||
| 18601 | line-height:24px; | 24267 | line-height:24px; | |||
| 18602 | text-transform: uppercase; | 24268 | text-transform: uppercase; | |||
| 18603 | } | 24269 | } | |||
| 18604 | .testimonial-author p >strong { | 24270 | .testimonial-author p >strong { | |||
| 18605 | color:#111; | 24271 | color:#111; | |||
| 18606 | display:block; | 24272 | display:block; | |||
| 18607 | padding-top:7px; | 24273 | padding-top:7px; | |||
| 18608 | font-size:14px; | 24274 | font-size:14px; | |||
| 18609 | } | 24275 | } | |||
| 18610 | .testimonial-author span { | 24276 | .testimonial-author span { | |||
| 18611 | color:#666; | 24277 | color:#666; | |||
| 18612 | display:block; | 24278 | display:block; | |||
| 18613 | font-size:12px; | 24279 | font-size:12px; | |||
| 18614 | } | 24280 | } | |||
| 18615 | .page-main { | 24281 | .page-main { | |||
| 18616 | padding-bottom: 0; | 24282 | padding-bottom: 0; | |||
| 18617 | } | 24283 | } | |||
| 18618 | .columns .column.main { | 24284 | .columns .column.main { | |||
| 18619 | padding-bottom: 0; | 24285 | padding-bottom: 0; | |||
| 18620 | } | 24286 | } | |||
| 18621 | .counters { | 24287 | .counters { | |||
| 18622 | padding-bottom: 20px; | 24288 | padding-bottom: 20px; | |||
| 18623 | } | 24289 | } | |||
| 18624 | .counter { | 24290 | .counter { | |||
| 18625 | padding: 40px 0; | 24291 | padding: 40px 0; | |||
| 18626 | } | 24292 | } | |||
| 18627 | .counter > label { | 24293 | .counter > label { | |||
| 18628 | display: block; | 24294 | display: block; | |||
| 18629 | font-family: 'Open Sans'; | 24295 | font-family: 'Open Sans'; | |||
| 18630 | font-size: 14px; | 24296 | font-size: 14px; | |||
| 18631 | font-weight: 400; | 24297 | font-weight: 400; | |||
| 18632 | color: #7b858a; | 24298 | color: #7b858a; | |||
| 18633 | } | 24299 | } | |||
| 18634 | .counter > strong { | 24300 | .counter > strong { | |||
| 18635 | font-family: 'Open Sans'; | 24301 | font-family: 'Open Sans'; | |||
| 18636 | font-size: 32px; | 24302 | font-size: 32px; | |||
| 18637 | font-weight: 800; | 24303 | font-weight: 800; | |||
| 18638 | color: #08c; | 24304 | color: #08c; | |||
| 18639 | } | 24305 | } | |||
| 18640 | .counter > strong span { | 24306 | .counter > strong span { | |||
| 18641 | font-size: 19px; | 24307 | font-size: 19px; | |||
| 18642 | } | 24308 | } | |||
| 18643 | @media (min-width: 992px) { | 24309 | @media (min-width: 992px) { | |||
| 18644 | .counters .col-lg-2 { | 24310 | .counters .col-lg-2 { | |||
| 18645 | -webkit-flex: 0 0 20%; | 24311 | -webkit-flex: 0 0 20%; | |||
| 18646 | -moz-flex: 0 0 20%; | 24312 | -moz-flex: 0 0 20%; | |||
| 18647 | -ms-flex: 0 0 20%; | 24313 | -ms-flex: 0 0 20%; | |||
| 18648 | flex: 0 0 20%; | 24314 | flex: 0 0 20%; | |||
| 18649 | max-width: 20%; | 24315 | max-width: 20%; | |||
| 18650 | } | 24316 | } | |||
| 18651 | } | 24317 | } | |||
| 18652 | </style>]]> | 24318 | </style>]]> | |||
| 18653 | </content> | 24319 | </content> | |||
| 18654 | 24320 | |||||
| 18655 | <is_active> | 24321 | <is_active> | |||
| 18656 | 1 | 24322 | 1 | |||
| 18657 | </is_active> | 24323 | </is_active> | |||
| 18658 | 24324 | |||||
| 18659 | <page_layout> | 24325 | <page_layout> | |||
| 18660 | 1column | 24326 | 1column | |||
| 18661 | </page_layout> | 24327 | </page_layout> | |||
| 18662 | 24328 | |||||
| 18663 | <layout_update_xml> | 24329 | <layout_update_xml> | |||
| 18664 | <![CDATA[<referenceContainer name="page.top"> | 24330 | <![CDATA[<referenceContainer name="page.top"> | |||
| 18665 | <block class="Magento\Cms\Block\Block" name="top_banner"> | 24331 | <block class="Magento\Cms\Block\Block" name="top_banner"> | |||
| 18666 | <arguments> | 24332 | <arguments> | |||
| 18667 | <argument name="block_id" xsi:type="string">porto_about_us_4_top_block</argument> | 24333 | <argument name="block_id" xsi:type="string">porto_about_us_4_top_block</argument> | |||
| 18668 | </arguments> | 24334 | </arguments> | |||
| 18669 | </block> | 24335 | </block> | |||
| 18670 | </referenceContainer>]]> | 24336 | </referenceContainer>]]> | |||
| 18671 | </layout_update_xml> | 24337 | </layout_update_xml> | |||
| 18672 | 24338 | |||||
| 18673 | </cms_item> | 24339 | </cms_item> | |||
| 18674 | 24340 | |||||
| 18675 | <cms_item> | 24341 | <cms_item> | |||
| 18676 | 24342 | |||||
| 18677 | <title> | 24343 | <title> | |||
| 18678 | Porto - About Us 7 | 24344 | Porto - About Us 7 | |||
| 18679 | </title> | 24345 | </title> | |||
| 18680 | 24346 | |||||
| 18681 | <identifier> | 24347 | <identifier> | |||
| 18682 | about-porto-7 | 24348 | about-porto-7 | |||
| 18683 | </identifier> | 24349 | </identifier> | |||
| 18684 | 24350 | |||||
| 18685 | <content> | 24351 | <content> | |||
| 18686 | <![CDATA[<div class="content-row" style="padding: 35px 0 75px;"> | 24352 | <![CDATA[<div class="content-row" style="padding: 35px 0 75px;"> | |||
| 18687 | <h2 style="font-size:30px;text-align:center;margin-bottom:30px;">ABOUT US</h2> | 24353 | <h2 style="font-size:30px;text-align:center;margin-bottom:30px;">ABOUT US</h2> | |||
| 18688 | <p style="font-size:14px;color:#7b7f83;line-height:2;text-align:center;margin:0 auto;max-width:835px;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing.</p> | 24354 | <p style="font-size:14px;color:#7b7f83;line-height:2;text-align:center;margin:0 auto;max-width:835px;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing.</p> | |||
| 18689 | </div> | 24355 | </div> | |||
| 18690 | <div class="content-row fullwidth-row" style="background-color:#f2f4f6; padding: 70px 0;"> | 24356 | <div class="content-row fullwidth-row" style="background-color:#f2f4f6; padding: 70px 0;"> | |||
| 18691 | <div class="container"> | 24357 | <div class="container"> | |||
| 18692 | <div class="owl-side-narrow"> | 24358 | <div class="owl-side-narrow"> | |||
| 18693 | <div id="brands-slider-about" class="owl-carousel owl-theme"> | 24359 | <div id="brands-slider-about" class="owl-carousel owl-theme"> | |||
| 18694 | <div class="item" style="padding:10px 0;"> | 24360 | <div class="item" style="padding:10px 0;"> | |||
| 18695 | <img alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand1.png"}}"/> | 24361 | <img alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand1.png"}}"/> | |||
| 18696 | </div> | 24362 | </div> | |||
| 18697 | <div class="item" style="padding:10px 0;"> | 24363 | <div class="item" style="padding:10px 0;"> | |||
| 18698 | <img alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand2.png"}}"/> | 24364 | <img alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand2.png"}}"/> | |||
| 18699 | </div> | 24365 | </div> | |||
| 18700 | <div class="item" style="padding:10px 0;"> | 24366 | <div class="item" style="padding:10px 0;"> | |||
| 18701 | <img alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand3.png"}}"/> | 24367 | <img alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand3.png"}}"/> | |||
| 18702 | </div> | 24368 | </div> | |||
| 18703 | <div class="item" style="padding:10px 0;"> | 24369 | <div class="item" style="padding:10px 0;"> | |||
| 18704 | <img alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand4.png"}}"/> | 24370 | <img alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand4.png"}}"/> | |||
| 18705 | </div> | 24371 | </div> | |||
| 18706 | <div class="item" style="padding:10px 0;"> | 24372 | <div class="item" style="padding:10px 0;"> | |||
| 18707 | <img alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand5.png"}}"/> | 24373 | <img alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand5.png"}}"/> | |||
| 18708 | </div> | 24374 | </div> | |||
| 18709 | <div class="item" style="padding:10px 0;"> | 24375 | <div class="item" style="padding:10px 0;"> | |||
| 18710 | <img alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand1.png"}}"/> | 24376 | <img alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand1.png"}}"/> | |||
| 18711 | </div> | 24377 | </div> | |||
| 18712 | <div class="item" style="padding:10px 0;"> | 24378 | <div class="item" style="padding:10px 0;"> | |||
| 18713 | <img alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand2.png"}}"/> | 24379 | <img alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand2.png"}}"/> | |||
| 18714 | </div> | 24380 | </div> | |||
| 18715 | <div class="item" style="padding:10px 0;"> | 24381 | <div class="item" style="padding:10px 0;"> | |||
| 18716 | <img alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand3.png"}}"/> | 24382 | <img alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand3.png"}}"/> | |||
| 18717 | </div> | 24383 | </div> | |||
| 18718 | <div class="item" style="padding:10px 0;"> | 24384 | <div class="item" style="padding:10px 0;"> | |||
| 18719 | <img alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand4.png"}}"/> | 24385 | <img alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand4.png"}}"/> | |||
| 18720 | </div> | 24386 | </div> | |||
| 18721 | <div class="item" style="padding:10px 0;"> | 24387 | <div class="item" style="padding:10px 0;"> | |||
| 18722 | <img alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand5.png"}}"/> | 24388 | <img alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand5.png"}}"/> | |||
| 18723 | </div> | 24389 | </div> | |||
| 18724 | </div> | 24390 | </div> | |||
| 18725 | <script type="text/javascript"> | 24391 | <script type="text/javascript"> | |||
| 18726 | require([ | 24392 | require([ | |||
| 18727 | 'jquery', | 24393 | 'jquery', | |||
| 18728 | 'owl.carousel/owl.carousel.min' | 24394 | 'owl.carousel/owl.carousel.min' | |||
| 18729 | ], function ($) { | 24395 | ], function ($) { | |||
| 18730 | $("#brands-slider-about").owlCarousel({ | 24396 | $("#brands-slider-about").owlCarousel({ | |||
| 18731 | autoplay: true, | 24397 | autoplay: true, | |||
| 18732 | autoplayTimeout: 5000, | 24398 | autoplayTimeout: 5000, | |||
| 18733 | autoplayHoverPause: true, | 24399 | autoplayHoverPause: true, | |||
| 18734 | margin: 0, | 24400 | margin: 0, | |||
| 18735 | nav: true, | 24401 | nav: true, | |||
| 18736 | dots: false, | 24402 | dots: false, | |||
| 18737 | navRewind: true, | 24403 | navRewind: true, | |||
| 18738 | loop: true, | 24404 | loop: true, | |||
| 18739 | navText: ["<i class='porto-icon-left-open-big'></i>","<i class='porto-icon-right-open-big'></i>"], | 24405 | navText: ["<i class='porto-icon-left-open-big'></i>","<i class='porto-icon-right-open-big'></i>"], | |||
| 18740 | responsive: { | 24406 | responsive: { | |||
| 18741 | 0: { | 24407 | 0: { | |||
| 18742 | items:2 | 24408 | items:2 | |||
| 18743 | }, | 24409 | }, | |||
| 18744 | 768: { | 24410 | 768: { | |||
| 18745 | items:4 | 24411 | items:4 | |||
| 18746 | }, | 24412 | }, | |||
| 18747 | 992: { | 24413 | 992: { | |||
| 18748 | items:5 | 24414 | items:5 | |||
| 18749 | }, | 24415 | }, | |||
| 18750 | 1200: { | 24416 | 1200: { | |||
| 18751 | items:5 | 24417 | items:5 | |||
| 18752 | } | 24418 | } | |||
| 18753 | } | 24419 | } | |||
| 18754 | }); | 24420 | }); | |||
| 18755 | }); | 24421 | }); | |||
| 18756 | </script> | 24422 | </script> | |||
| 18757 | </div> | 24423 | </div> | |||
| 18758 | </div> | 24424 | </div> | |||
| 18759 | </div> | 24425 | </div> | |||
| 18760 | <div class="content-row" style="padding:50px 0 0;"> | 24426 | <div class="content-row" style="padding:50px 0 0;"> | |||
| 18761 | <h2 style="font-size:16px;margin-bottom:40px;position:relative;"><span style="position:relative;z-index:1;background-color:#fff;padding-right:30px;">OUR TEAM</span><hr style="position:absolute;left:0;top:50%;width:100%;margin:0;border:0;border-top:1px solid #dde0e2;margin-top:-1px;z-index:0;"></h2> | 24427 | <h2 style="font-size:16px;margin-bottom:40px;position:relative;"><span style="position:relative;z-index:1;background-color:#fff;padding-right:30px;">OUR TEAM</span><hr style="position:absolute;left:0;top:50%;width:100%;margin:0;border:0;border-top:1px solid #dde0e2;margin-top:-1px;z-index:0;"></h2> | |||
| 18762 | <div class="row"> | 24428 | <div class="row"> | |||
| 18763 | <div class="col-md-3 col-sm-6"> | 24429 | <div class="col-md-3 col-sm-6"> | |||
| 18764 | <div class="team-member"> | 24430 | <div class="team-member"> | |||
| 18765 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-1.jpg"}}" alt=""> | 24431 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-1.jpg"}}" alt=""> | |||
| 18766 | <h5>JANE DOE</h5> | 24432 | <h5>JANE DOE</h5> | |||
| 18767 | </div> | 24433 | </div> | |||
| 18768 | </div> | 24434 | </div> | |||
| 18769 | <div class="col-md-3 col-sm-6"> | 24435 | <div class="col-md-3 col-sm-6"> | |||
| 18770 | <div class="team-member"> | 24436 | <div class="team-member"> | |||
| 18771 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-2.jpg"}}" alt=""> | 24437 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-2.jpg"}}" alt=""> | |||
| 18772 | <h5>JOHN DOE</h5> | 24438 | <h5>JOHN DOE</h5> | |||
| 18773 | </div> | 24439 | </div> | |||
| 18774 | </div> | 24440 | </div> | |||
| 18775 | <div class="col-md-3 col-sm-6"> | 24441 | <div class="col-md-3 col-sm-6"> | |||
| 18776 | <div class="team-member"> | 24442 | <div class="team-member"> | |||
| 18777 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-3.jpg"}}" alt=""> | 24443 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-3.jpg"}}" alt=""> | |||
| 18778 | <h5>GEORGE DOE</h5> | 24444 | <h5>GEORGE DOE</h5> | |||
| 18779 | </div> | 24445 | </div> | |||
| 18780 | </div> | 24446 | </div> | |||
| 18781 | <div class="col-md-3 col-sm-6"> | 24447 | <div class="col-md-3 col-sm-6"> | |||
| 18782 | <div class="team-member"> | 24448 | <div class="team-member"> | |||
| 18783 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-4.jpg"}}" alt=""> | 24449 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-4.jpg"}}" alt=""> | |||
| 18784 | <h5>ALICE DOE</h5> | 24450 | <h5>ALICE DOE</h5> | |||
| 18785 | </div> | 24451 | </div> | |||
| 18786 | </div> | 24452 | </div> | |||
| 18787 | </div> | 24453 | </div> | |||
| 18788 | </div> | 24454 | </div> | |||
| 18789 | <style type="text/css"> | 24455 | <style type="text/css"> | |||
| 18790 | .content-row h2 { | 24456 | .content-row h2 { | |||
| 18791 | font-size: 21px; | 24457 | font-size: 21px; | |||
| 18792 | color: #252525; | 24458 | color: #252525; | |||
| 18793 | font-weight: 700; | 24459 | font-weight: 700; | |||
| 18794 | font-family: 'Open Sans'; | 24460 | font-family: 'Open Sans'; | |||
| 18795 | margin-bottom: 15px; | 24461 | margin-bottom: 15px; | |||
| 18796 | } | 24462 | } | |||
| 18797 | .team-member { | 24463 | .team-member { | |||
| 18798 | background-color: #fff; | 24464 | background-color: #fff; | |||
| 18799 | margin-bottom: 28px; | 24465 | margin-bottom: 28px; | |||
| 18800 | transition: all 0.3s; | 24466 | transition: all 0.3s; | |||
| 18801 | } | 24467 | } | |||
| 18802 | .team-member:hover { | 24468 | .team-member:hover { | |||
| 18803 | box-shadow: 0 0 10px 2px rgba(0,0,0,0.3); | 24469 | box-shadow: 0 0 10px 2px rgba(0,0,0,0.3); | |||
| 18804 | } | 24470 | } | |||
| 18805 | .team-member img { | 24471 | .team-member img { | |||
| 18806 | width: 100%; | 24472 | width: 100%; | |||
| 18807 | display: block; | 24473 | display: block; | |||
| 18808 | } | 24474 | } | |||
| 18809 | .team-member h5 { | 24475 | .team-member h5 { | |||
| 18810 | padding: 30px 0; | 24476 | padding: 30px 0; | |||
| 18811 | text-align: center; | 24477 | text-align: center; | |||
| 18812 | font-family: 'Oswald'; | 24478 | font-family: 'Oswald'; | |||
| 18813 | font-size: 16px; | 24479 | font-size: 16px; | |||
| 18814 | line-height: 1; | 24480 | line-height: 1; | |||
| 18815 | color: #111; | 24481 | color: #111; | |||
| 18816 | font-weight: 400; | 24482 | font-weight: 400; | |||
| 18817 | margin: 0; | 24483 | margin: 0; | |||
| 18818 | } | 24484 | } | |||
| 18819 | .owl-side-narrow { | 24485 | .owl-side-narrow { | |||
| 18820 | margin: 0 -10px; | 24486 | margin: 0 -10px; | |||
| 18821 | } | 24487 | } | |||
| 18822 | .owl-side-narrow .owl-controls .owl-nav [class*=owl-] { | 24488 | .owl-side-narrow .owl-controls .owl-nav [class*=owl-] { | |||
| 18823 | color: #c5c5c5; | 24489 | color: #c5c5c5; | |||
| 18824 | background: transparent; | 24490 | background: transparent; | |||
| 18825 | padding: 0; | 24491 | padding: 0; | |||
| 18826 | margin: 0; | 24492 | margin: 0; | |||
| 18827 | font-size: 24px; | 24493 | font-size: 24px; | |||
| 18828 | position: absolute; | 24494 | position: absolute; | |||
| 18829 | top: 50%; | 24495 | top: 50%; | |||
| 18830 | margin-top: -18px; | 24496 | margin-top: -18px; | |||
| 18831 | } | 24497 | } | |||
| 18832 | .owl-side-narrow .owl-controls .owl-nav .owl-prev { | 24498 | .owl-side-narrow .owl-controls .owl-nav .owl-prev { | |||
| 18833 | left: 0; | 24499 | left: 0; | |||
| 18834 | } | 24500 | } | |||
| 18835 | .owl-side-narrow .owl-controls .owl-nav .owl-next { | 24501 | .owl-side-narrow .owl-controls .owl-nav .owl-next { | |||
| 18836 | right: 0; | 24502 | right: 0; | |||
| 18837 | } | 24503 | } | |||
| 18838 | .owl-side-narrow .owl-carousel { | 24504 | .owl-side-narrow .owl-carousel { | |||
| 18839 | padding: 0 80px; | 24505 | padding: 0 80px; | |||
| 18840 | } | 24506 | } | |||
| 18841 | .owl-side-narrow .owl-carousel .owl-item.loading { | 24507 | .owl-side-narrow .owl-carousel .owl-item.loading { | |||
| 18842 | min-height: 60px; | 24508 | min-height: 60px; | |||
| 18843 | } | 24509 | } | |||
| 18844 | .owl-side-narrow .owl-controls { | 24510 | .owl-side-narrow .owl-controls { | |||
| 18845 | margin: 0; | 24511 | margin: 0; | |||
| 18846 | } | 24512 | } | |||
| 18847 | #brands-slider-about img { | 24513 | #brands-slider-about img { | |||
| 18848 | opacity: 0.5; | 24514 | opacity: 0.5; | |||
| 18849 | } | 24515 | } | |||
| 18850 | </style>]]> | 24516 | </style>]]> | |||
| 18851 | </content> | 24517 | </content> | |||
| 18852 | 24518 | |||||
| 18853 | <is_active> | 24519 | <is_active> | |||
| 18854 | 1 | 24520 | 1 | |||
| 18855 | </is_active> | 24521 | </is_active> | |||
| 18856 | 24522 | |||||
| 18857 | <page_layout> | 24523 | <page_layout> | |||
| 18858 | 1column | 24524 | 1column | |||
| 18859 | </page_layout> | 24525 | </page_layout> | |||
| 18860 | 24526 | |||||
| 18861 | <layout_update_xml> | 24527 | <layout_update_xml> | |||
| 18862 | <![CDATA[<referenceContainer name="page.top"> | 24528 | <![CDATA[<referenceContainer name="page.top"> | |||
| 18863 | <block class="Magento\Cms\Block\Block" name="top_banner"> | 24529 | <block class="Magento\Cms\Block\Block" name="top_banner"> | |||
| 18864 | <arguments> | 24530 | <arguments> | |||
| 18865 | <argument name="block_id" xsi:type="string">porto_about_us_7_top_block</argument> | 24531 | <argument name="block_id" xsi:type="string">porto_about_us_7_top_block</argument> | |||
| 18866 | </arguments> | 24532 | </arguments> | |||
| 18867 | </block> | 24533 | </block> | |||
| 18868 | </referenceContainer>]]> | 24534 | </referenceContainer>]]> | |||
| 18869 | </layout_update_xml> | 24535 | </layout_update_xml> | |||
| 18870 | 24536 | |||||
| 18871 | </cms_item> | 24537 | </cms_item> | |||
| 18872 | 24538 | |||||
| 18873 | <cms_item> | 24539 | <cms_item> | |||
| 18874 | 24540 | |||||
| 18875 | <title> | 24541 | <title> | |||
| 18876 | Porto - About Us 8 | 24542 | Porto - About Us 8 | |||
| 18877 | </title> | 24543 | </title> | |||
| 18878 | 24544 | |||||
| 18879 | <identifier> | 24545 | <identifier> | |||
| 18880 | about-porto-8 | 24546 | about-porto-8 | |||
| 18881 | </identifier> | 24547 | </identifier> | |||
| 18882 | 24548 | |||||
| 18883 | <content> | 24549 | <content> | |||
| 18884 | <![CDATA[<div class="content-row" style="padding: 30px 0 40px;"> | 24550 | <![CDATA[<div class="content-row" style="padding: 30px 0 40px;"> | |||
| 18885 | <div class="row"> | 24551 | <div class="row"> | |||
| 18886 | <div class="col-lg-7"> | 24552 | <div class="col-lg-7"> | |||
| 18887 | <h2>OUR HISTORY</h2> | 24553 | <h2>OUR HISTORY</h2> | |||
| 18888 | <p style="font-family:'Open Sans';font-size:15px;font-weight:400;color:#767f84;margin-bottom:20px;line-height:2;padding-right: 25px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras dapibus a eros in venenatis. Cras mauris arcu, suscipit id lacinia sed, pulvinar in urna. Donec urna nisi, efficitur fermentum ullamcorper non, mattis et est. Nullam malesuada leo leo, non tempus turpis accumsan a. Sed tincidunt feugiat purus, sed lobortis justo consequat in. Phasellus lectus magna, accumsan eget felis in, hendrerit malesuada lectus. Duis orci nunc, vulputate vel sapien nec, sodales sollicitudin ligula.</p> | 24554 | <p style="font-family:'Open Sans';font-size:15px;font-weight:400;color:#767f84;margin-bottom:20px;line-height:2;padding-right: 25px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras dapibus a eros in venenatis. Cras mauris arcu, suscipit id lacinia sed, pulvinar in urna. Donec urna nisi, efficitur fermentum ullamcorper non, mattis et est. Nullam malesuada leo leo, non tempus turpis accumsan a. Sed tincidunt feugiat purus, sed lobortis justo consequat in. Phasellus lectus magna, accumsan eget felis in, hendrerit malesuada lectus. Duis orci nunc, vulputate vel sapien nec, sodales sollicitudin ligula.</p> | |||
| 18889 | </div> | 24555 | </div> | |||
| 18890 | <div class="col-lg-5"> | 24556 | <div class="col-lg-5"> | |||
| 18891 | <h2>CLIENT REVIEWS</h2> | 24557 | <h2>CLIENT REVIEWS</h2> | |||
| 18892 | <div id="testimonials-slider" class="owl-carousel owl-theme"> | 24558 | <div id="testimonials-slider" class="owl-carousel owl-theme"> | |||
| 18893 | <div class="item"> | 24559 | <div class="item"> | |||
| 18894 | <div class="testimonial-author"> | 24560 | <div class="testimonial-author"> | |||
| 18895 | <div class="img-thumbnail img-thumbnail-small"><img width="60" height="60" src="{{media url="wysiwyg/smartwave/porto/aboutus/4/client1.png"}}" alt=""/></div> | 24561 | <div class="img-thumbnail img-thumbnail-small"><img width="60" height="60" src="{{media url="wysiwyg/smartwave/porto/aboutus/4/client1.png"}}" alt=""/></div> | |||
| 18896 | <p><strong>John Smith</strong><span>Porto CO SEO</span></p> | 24562 | <p><strong>John Smith</strong><span>Porto CO SEO</span></p> | |||
| 18897 | </div> | 24563 | </div> | |||
| 18898 | <blockquote class="testimonial"> | 24564 | <blockquote class="testimonial"> | |||
| 18899 | <p>Lorem ipsum dolor sit amet, consectetur elitad adipiscing Cras non placerat mipsum dolor sit amet, consectetur elitad adipiscing.</p> | 24565 | <p>Lorem ipsum dolor sit amet, consectetur elitad adipiscing Cras non placerat mipsum dolor sit amet, consectetur elitad adipiscing.</p> | |||
| 18900 | </blockquote> | 24566 | </blockquote> | |||
| 18901 | </div> | 24567 | </div> | |||
| 18902 | <div class="item"> | 24568 | <div class="item"> | |||
| 18903 | <div class="testimonial-author"> | 24569 | <div class="testimonial-author"> | |||
| 18904 | <div class="img-thumbnail img-thumbnail-small"><img width="60" height="60" src="{{media url="wysiwyg/smartwave/porto/aboutus/4/client2.png"}}" alt=""/></div> | 24570 | <div class="img-thumbnail img-thumbnail-small"><img width="60" height="60" src="{{media url="wysiwyg/smartwave/porto/aboutus/4/client2.png"}}" alt=""/></div> | |||
| 18905 | <p><strong>Bob Smith</strong><span>Porto CO SEO</span></p> | 24571 | <p><strong>Bob Smith</strong><span>Porto CO SEO</span></p> | |||
| 18906 | </div> | 24572 | </div> | |||
| 18907 | <blockquote class="testimonial"> | 24573 | <blockquote class="testimonial"> | |||
| 18908 | <p>Lorem ipsum dolor sit amet, consectetur elitad adipiscing Cras non placerat mipsum dolor sit amet, consectetur elitad adipiscing.</p> | 24574 | <p>Lorem ipsum dolor sit amet, consectetur elitad adipiscing Cras non placerat mipsum dolor sit amet, consectetur elitad adipiscing.</p> | |||
| 18909 | </blockquote> | 24575 | </blockquote> | |||
| 18910 | </div> | 24576 | </div> | |||
| 18911 | </div> | 24577 | </div> | |||
| 18912 | <script type="text/javascript"> | 24578 | <script type="text/javascript"> | |||
| 18913 | require([ | 24579 | require([ | |||
| 18914 | 'jquery', | 24580 | 'jquery', | |||
| 18915 | 'owl.carousel/owl.carousel.min' | 24581 | 'owl.carousel/owl.carousel.min' | |||
| 18916 | ], function ($) { | 24582 | ], function ($) { | |||
| 18917 | $("#testimonials-slider").owlCarousel({ | 24583 | $("#testimonials-slider").owlCarousel({ | |||
| 18918 | items: 1, | 24584 | items: 1, | |||
| 18919 | autoplay: true, | 24585 | autoplay: true, | |||
| 18920 | autoplayTimeout: 5000, | 24586 | autoplayTimeout: 5000, | |||
| 18921 | autoplayHoverPause: true, | 24587 | autoplayHoverPause: true, | |||
| 18922 | margin: 0, | 24588 | margin: 0, | |||
| 18923 | nav: false, | 24589 | nav: false, | |||
| 18924 | dots: false, | 24590 | dots: false, | |||
| 18925 | navRewind: true, | 24591 | navRewind: true, | |||
| 18926 | animateIn: 'fadeIn', | 24592 | animateIn: 'fadeIn', | |||
| 18927 | animateOut: 'fadeOut', | 24593 | animateOut: 'fadeOut', | |||
| 18928 | loop: true | 24594 | loop: true | |||
| 18929 | }); | 24595 | }); | |||
| 18930 | }); | 24596 | }); | |||
| 18931 | </script> | 24597 | </script> | |||
| 18932 | </div> | 24598 | </div> | |||
| 18933 | </div> | 24599 | </div> | |||
| 18934 | </div> | 24600 | </div> | |||
| 18935 | <div class="content-row fullwidth-row" style="background-color:#f1f1f1;padding:50px 0 30px;"> | 24601 | <div class="content-row fullwidth-row" style="background-color:#f1f1f1;padding:50px 0 30px;"> | |||
| 18936 | <div class="container"> | 24602 | <div class="container"> | |||
| 18937 | <h2>PHOTO GALLERY</h2> | 24603 | <h2>PHOTO GALLERY</h2> | |||
| 18938 | <div class="photo-gallery"> | 24604 | <div class="photo-gallery"> | |||
| 18939 | <div class="row"> | 24605 | <div class="row"> | |||
| 18940 | <div class="col-6 col-md-3"> | 24606 | <div class="col-6 col-md-3"> | |||
| 18941 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/8/gallery1.jpg"}}" alt="" style="width: 100%;margin-bottom:30px;"/> | 24607 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/8/gallery1.jpg"}}" alt="" style="width: 100%;margin-bottom:30px;"/> | |||
| 18942 | </div> | 24608 | </div> | |||
| 18943 | <div class="col-6 col-md-3"> | 24609 | <div class="col-6 col-md-3"> | |||
| 18944 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/8/gallery2.jpg"}}" alt="" style="width: 100%;margin-bottom:30px;"/> | 24610 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/8/gallery2.jpg"}}" alt="" style="width: 100%;margin-bottom:30px;"/> | |||
| 18945 | </div> | 24611 | </div> | |||
| 18946 | <div class="col-6 col-md-3"> | 24612 | <div class="col-6 col-md-3"> | |||
| 18947 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/8/gallery3.jpg"}}" alt="" style="width: 100%;margin-bottom:30px;"/> | 24613 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/8/gallery3.jpg"}}" alt="" style="width: 100%;margin-bottom:30px;"/> | |||
| 18948 | </div> | 24614 | </div> | |||
| 18949 | <div class="col-6 col-md-3"> | 24615 | <div class="col-6 col-md-3"> | |||
| 18950 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/8/gallery4.jpg"}}" alt="" style="width: 100%;margin-bottom:30px;"/> | 24616 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/8/gallery4.jpg"}}" alt="" style="width: 100%;margin-bottom:30px;"/> | |||
| 18951 | </div> | 24617 | </div> | |||
| 18952 | </div> | 24618 | </div> | |||
| 18953 | </div> | 24619 | </div> | |||
| 18954 | </div> | 24620 | </div> | |||
| 18955 | </div> | 24621 | </div> | |||
| 18956 | <div class="content-row" style="padding: 60px 0"> | 24622 | <div class="content-row" style="padding: 60px 0"> | |||
| 18957 | <div class="row"> | 24623 | <div class="row"> | |||
| 18958 | <div class="col-lg-6"> | 24624 | <div class="col-lg-6"> | |||
| 18959 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/8/our-mission.jpg"}}" alt="" style="width: 100%;" /> | 24625 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/8/our-mission.jpg"}}" alt="" style="width: 100%;" /> | |||
| 18960 | </div> | 24626 | </div> | |||
| 18961 | <div class="col-lg-6"> | 24627 | <div class="col-lg-6"> | |||
| 18962 | <div style="padding:45px 0 45px 20px;"> | 24628 | <div style="padding:45px 0 45px 20px;"> | |||
| 18963 | <h2>OUR MISSION</h2> | 24629 | <h2>OUR MISSION</h2> | |||
| 18964 | <p style="font-size:15px;font-weight:400;line-height:1.8;color:#767f84;margin-bottom: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;max-height: 77px;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled.</p> | 24630 | <p style="font-size:15px;font-weight:400;line-height:1.8;color:#767f84;margin-bottom: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;max-height: 77px;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled.</p> | |||
| 18965 | <h2>OUR VISION</h2> | 24631 | <h2>OUR VISION</h2> | |||
| 18966 | <p style="font-size:15px;font-weight:400;line-height:1.8;color:#767f84;margin-bottom:0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;max-height: 77px;">Standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only look now. </p> | 24632 | <p style="font-size:15px;font-weight:400;line-height:1.8;color:#767f84;margin-bottom:0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;max-height: 77px;">Standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only look now. </p> | |||
| 18967 | </div> | 24633 | </div> | |||
| 18968 | </div> | 24634 | </div> | |||
| 18969 | </div> | 24635 | </div> | |||
| 18970 | </div> | 24636 | </div> | |||
| 18971 | <div class="content-row fullwidth-row" style="background-color:#f1f1f1;"> | 24637 | <div class="content-row fullwidth-row" style="background-color:#f1f1f1;"> | |||
| 18972 | <div class="container"> | 24638 | <div class="container"> | |||
| 18973 | <div class="support-block row"> | 24639 | <div class="support-block row"> | |||
| 18974 | <div class="col-lg-4"> | 24640 | <div class="col-lg-4"> | |||
| 18975 | <i class="porto-icon-shipped"></i> | 24641 | <i class="porto-icon-shipped"></i> | |||
| 18976 | <h3>FREE SHIPPING</h3> | 24642 | <h3>FREE SHIPPING</h3> | |||
| 18977 | <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> | 24643 | <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> | |||
| 18978 | </div> | 24644 | </div> | |||
| 18979 | <div class="col-lg-4"> | 24645 | <div class="col-lg-4"> | |||
| 18980 | <i class="porto-icon-us-dollar"></i> | 24646 | <i class="porto-icon-us-dollar"></i> | |||
| 18981 | <h3>100% MONEY BACK GUARANTEE</h3> | 24647 | <h3>100% MONEY BACK GUARANTEE</h3> | |||
| 18982 | <p>There are many variations of passages of Lorem Ipsum available, but the majority.</p> | 24648 | <p>There are many variations of passages of Lorem Ipsum available, but the majority.</p> | |||
| 18983 | </div> | 24649 | </div> | |||
| 18984 | <div class="col-lg-4"> | 24650 | <div class="col-lg-4"> | |||
| 18985 | <i class="porto-icon-online-support"></i> | 24651 | <i class="porto-icon-online-support"></i> | |||
| 18986 | <h3>ONLINE SUPPORT 24/7</h3> | 24652 | <h3>ONLINE SUPPORT 24/7</h3> | |||
| 18987 | <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.</p> | 24653 | <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.</p> | |||
| 18988 | </div> | 24654 | </div> | |||
| 18989 | </div> | 24655 | </div> | |||
| 18990 | </div> | 24656 | </div> | |||
| 18991 | </div> | 24657 | </div> | |||
| 18992 | <style type="text/css"> | 24658 | <style type="text/css"> | |||
| 18993 | .content-row h2 { | 24659 | .content-row h2 { | |||
| 18994 | font-size: 16px; | 24660 | font-size: 16px; | |||
| 18995 | font-family: 'Oswald'; | 24661 | font-family: 'Oswald'; | |||
| 18996 | color: #282d3b; | 24662 | color: #282d3b; | |||
| 18997 | font-weight: 700; | 24663 | font-weight: 700; | |||
| 18998 | line-height: 1; | 24664 | line-height: 1; | |||
| 18999 | padding: 10px 0; | 24665 | padding: 10px 0; | |||
| 19000 | border-bottom: 1px solid #e7e7e7; | 24666 | border-bottom: 1px solid #e7e7e7; | |||
| 19001 | margin-bottom: 30px; | 24667 | margin-bottom: 30px; | |||
| 19002 | } | 24668 | } | |||
| 19003 | blockquote.testimonial { | 24669 | blockquote.testimonial { | |||
| 19004 | border: 0; | 24670 | border: 0; | |||
| 19005 | background-color: transparent !important; | 24671 | background-color: transparent !important; | |||
| 19006 | color: #62615e; | 24672 | color: #62615e; | |||
| 19007 | font-size: 14px; | 24673 | font-size: 14px; | |||
| 19008 | font-style: normal; | 24674 | font-style: normal; | |||
| 19009 | line-height: 24px; | 24675 | line-height: 24px; | |||
| 19010 | font-weight: 400; | 24676 | font-weight: 400; | |||
| 19011 | font-family: 'Open Sans'; | 24677 | font-family: 'Open Sans'; | |||
| 19012 | margin: 0; | 24678 | margin: 0; | |||
| 19013 | padding: 15px 30px 15px 50px; | 24679 | padding: 15px 30px 15px 50px; | |||
| 19014 | float: left; | 24680 | float: left; | |||
| 19015 | margin-top: 5px; | 24681 | margin-top: 5px; | |||
| 19016 | position: relative; | 24682 | position: relative; | |||
| 19017 | margin-left: 73px; | 24683 | margin-left: 73px; | |||
| 19018 | } | 24684 | } | |||
| 19019 | blockquote.testimonial p { | 24685 | blockquote.testimonial p { | |||
| 19020 | line-height: 1.8; | 24686 | line-height: 1.8; | |||
| 19021 | } | 24687 | } | |||
| 19022 | blockquote.testimonial:before { | 24688 | blockquote.testimonial:before { | |||
| 19023 | left: 10px; | 24689 | left: 10px; | |||
| 19024 | top: 0; | 24690 | top: 0; | |||
| 19025 | content: "\201C"; | 24691 | content: "\201C"; | |||
| 19026 | font-style: normal; | 24692 | font-style: normal; | |||
| 19027 | line-height: 1; | 24693 | line-height: 1; | |||
| 19028 | position: absolute; | 24694 | position: absolute; | |||
| 19029 | color: #ee3d43; | 24695 | color: #ee3d43; | |||
| 19030 | font-family: 'porto'; | 24696 | font-family: 'porto'; | |||
| 19031 | font-weight: 400; | 24697 | font-weight: 400; | |||
| 19032 | font-size: 54px; | 24698 | font-size: 54px; | |||
| 19033 | } | 24699 | } | |||
| 19034 | .testimonial-arrow-down { | 24700 | .testimonial-arrow-down { | |||
| 19035 | border:15px solid transparent; | 24701 | border:15px solid transparent; | |||
| 19036 | border-top-color:#ee3d43; | 24702 | border-top-color:#ee3d43; | |||
| 19037 | border-bottom:0; | 24703 | border-bottom:0; | |||
| 19038 | height:0; | 24704 | height:0; | |||
| 19039 | margin:0 0 0 25px; | 24705 | margin:0 0 0 25px; | |||
| 19040 | width:0; | 24706 | width:0; | |||
| 19041 | } | 24707 | } | |||
| 19042 | .testimonial-author { | 24708 | .testimonial-author { | |||
| 19043 | margin:8px 0 0 8px; | 24709 | margin:8px 0 0 8px; | |||
| 19044 | } | 24710 | } | |||
| 19045 | .testimonial-author .img-thumbnail { | 24711 | .testimonial-author .img-thumbnail { | |||
| 19046 | float: left; | 24712 | float: left; | |||
| 19047 | margin-right: 25px; | 24713 | margin-right: 25px; | |||
| 19048 | position: relative; | 24714 | position: relative; | |||
| 19049 | line-height: 1.5; | 24715 | line-height: 1.5; | |||
| 19050 | background-color: #fff; | 24716 | background-color: #fff; | |||
| 19051 | display: inline-block; | 24717 | display: inline-block; | |||
| 19052 | max-width: 100%; | 24718 | max-width: 100%; | |||
| 19053 | height: auto; | 24719 | height: auto; | |||
| 19054 | border-radius: 50% !important; | 24720 | border-radius: 50% !important; | |||
| 19055 | } | 24721 | } | |||
| 19056 | .testimonial-author .img-thumbnail img { | 24722 | .testimonial-author .img-thumbnail img { | |||
| 19057 | max-width:60px; | 24723 | max-width:60px; | |||
| 19058 | display:inline-block; | 24724 | display:inline-block; | |||
| 19059 | height:auto; | 24725 | height:auto; | |||
| 19060 | } | 24726 | } | |||
| 19061 | .testimonial-author p { | 24727 | .testimonial-author p { | |||
| 19062 | color:#666; | 24728 | color:#666; | |||
| 19063 | margin:0 0 0 25px; | 24729 | margin:0 0 0 25px; | |||
| 19064 | text-align:left; | 24730 | text-align:left; | |||
| 19065 | line-height:24px; | 24731 | line-height:24px; | |||
| 19066 | text-transform: uppercase; | 24732 | text-transform: uppercase; | |||
| 19067 | } | 24733 | } | |||
| 19068 | .testimonial-author p >strong { | 24734 | .testimonial-author p >strong { | |||
| 19069 | color:#111; | 24735 | color:#111; | |||
| 19070 | display:block; | 24736 | display:block; | |||
| 19071 | padding-top:7px; | 24737 | padding-top:7px; | |||
| 19072 | font-size:14px; | 24738 | font-size:14px; | |||
| 19073 | } | 24739 | } | |||
| 19074 | .testimonial-author span { | 24740 | .testimonial-author span { | |||
| 19075 | color:#666; | 24741 | color:#666; | |||
| 19076 | display:block; | 24742 | display:block; | |||
| 19077 | font-size:12px; | 24743 | font-size:12px; | |||
| 19078 | } | 24744 | } | |||
| 19079 | .columns .column.main { | 24745 | .columns .column.main { | |||
| 19080 | padding-bottom: 0; | 24746 | padding-bottom: 0; | |||
| 19081 | } | 24747 | } | |||
| 19082 | .support-block { | 24748 | .support-block { | |||
| 19083 | } | 24749 | } | |||
| 19084 | .support-block > div { | 24750 | .support-block > div { | |||
| 19085 | padding: 50px 15px 50px 5px; | 24751 | padding: 50px 15px 50px 5px; | |||
| 19086 | line-height: 1.4; | 24752 | line-height: 1.4; | |||
| 19087 | } | 24753 | } | |||
| 19088 | .support-block > div:after { | 24754 | .support-block > div:after { | |||
| 19089 | content: ''; | 24755 | content: ''; | |||
| 19090 | display: table; | 24756 | display: table; | |||
| 19091 | clear: both; | 24757 | clear: both; | |||
| 19092 | } | 24758 | } | |||
| 19093 | .support-block > div > i { | 24759 | .support-block > div > i { | |||
| 19094 | font-size: 55px; | 24760 | font-size: 55px; | |||
| 19095 | color: #ee3d43; | 24761 | color: #ee3d43; | |||
| 19096 | float: left; | 24762 | float: left; | |||
| 19097 | margin: 0 15px 0 0; | 24763 | margin: 0 15px 0 0; | |||
| 19098 | } | 24764 | } | |||
| 19099 | .support-block > div > h3 { | 24765 | .support-block > div > h3 { | |||
| 19100 | color: #21293c; | 24766 | color: #21293c; | |||
| 19101 | font-family: 'Oswald'; | 24767 | font-family: 'Oswald'; | |||
| 19102 | font-size: 14px; | 24768 | font-size: 14px; | |||
| 19103 | font-weight: 700; | 24769 | font-weight: 700; | |||
| 19104 | margin: 10px 0; | 24770 | margin: 10px 0; | |||
| 19105 | } | 24771 | } | |||
| 19106 | .support-block > div > p { | 24772 | .support-block > div > p { | |||
| 19107 | margin: 0; | 24773 | margin: 0; | |||
| 19108 | font-family: 'Open Sans'; | 24774 | font-family: 'Open Sans'; | |||
| 19109 | font-size: 15px; | 24775 | font-size: 15px; | |||
| 19110 | font-weight: 400; | 24776 | font-weight: 400; | |||
| 19111 | color: #7b858a; | 24777 | color: #7b858a; | |||
| 19112 | line-height: 1.8; | 24778 | line-height: 1.8; | |||
| 19113 | margin-left: 92px; | 24779 | margin-left: 92px; | |||
| 19114 | letter-spacing: -0.5px; | 24780 | letter-spacing: -0.5px; | |||
| 19115 | display: -webkit-box; | 24781 | display: -webkit-box; | |||
| 19116 | -webkit-box-orient: vertical; | 24782 | -webkit-box-orient: vertical; | |||
| 19117 | -webkit-line-clamp: 2; | 24783 | -webkit-line-clamp: 2; | |||
| 19118 | overflow: hidden; | 24784 | overflow: hidden; | |||
| 19119 | max-height: 60px; | 24785 | max-height: 60px; | |||
| 19120 | } | 24786 | } | |||
| 19121 | .page-main { | 24787 | .page-main { | |||
| 19122 | padding-bottom: 0; | 24788 | padding-bottom: 0; | |||
| 19123 | } | 24789 | } | |||
| 19124 | </style>]]> | 24790 | </style>]]> | |||
| 19125 | </content> | 24791 | </content> | |||
| 19126 | 24792 | |||||
| 19127 | <is_active> | 24793 | <is_active> | |||
| 19128 | 1 | 24794 | 1 | |||
| 19129 | </is_active> | 24795 | </is_active> | |||
| 19130 | 24796 | |||||
| 19131 | <page_layout> | 24797 | <page_layout> | |||
| 19132 | 1column | 24798 | 1column | |||
| 19133 | </page_layout> | 24799 | </page_layout> | |||
| 19134 | 24800 | |||||
| 19135 | <layout_update_xml> | 24801 | <layout_update_xml> | |||
| 19136 | <![CDATA[<referenceContainer name="page.top"> | 24802 | <![CDATA[<referenceContainer name="page.top"> | |||
| 19137 | <block class="Magento\Cms\Block\Block" name="top_banner"> | 24803 | <block class="Magento\Cms\Block\Block" name="top_banner"> | |||
| 19138 | <arguments> | 24804 | <arguments> | |||
| 19139 | <argument name="block_id" xsi:type="string">porto_about_us_8_top_block</argument> | 24805 | <argument name="block_id" xsi:type="string">porto_about_us_8_top_block</argument> | |||
| 19140 | </arguments> | 24806 | </arguments> | |||
| 19141 | </block> | 24807 | </block> | |||
| 19142 | </referenceContainer>]]> | 24808 | </referenceContainer>]]> | |||
| 19143 | </layout_update_xml> | 24809 | </layout_update_xml> | |||
| 19144 | 24810 | |||||
| 19145 | </cms_item> | 24811 | </cms_item> | |||
| 19146 | 24812 | |||||
| 19147 | <cms_item> | 24813 | <cms_item> | |||
| 19148 | 24814 | |||||
| 19149 | <title> | 24815 | <title> | |||
| 19150 | Porto - About Us 9 | 24816 | Porto - About Us 9 | |||
| 19151 | </title> | 24817 | </title> | |||
| 19152 | 24818 | |||||
| 19153 | <identifier> | 24819 | <identifier> | |||
| 19154 | about-porto-9 | 24820 | about-porto-9 | |||
| 19155 | </identifier> | 24821 | </identifier> | |||
| 19156 | 24822 | |||||
| 19157 | <content> | 24823 | <content> | |||
| 19158 | <![CDATA[<div class="content-row" style="padding: 50px 0 60px;"> | 24824 | <![CDATA[<div class="content-row" style="padding: 50px 0 60px;"> | |||
| 19159 | <p style="font-family:'Open Sans';font-size:15px;font-weight:400;color:#4a505e;line-height:2;max-width:660px;text-align:center;margin:0 auto;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing.</p> | 24825 | <p style="font-family:'Open Sans';font-size:15px;font-weight:400;color:#4a505e;line-height:2;max-width:660px;text-align:center;margin:0 auto;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing.</p> | |||
| 19160 | </div> | 24826 | </div> | |||
| 19161 | <div class="content-row fullwidth-row" style="background-color:#f1f1f1;position:relative;min-height:450px;"> | 24827 | <div class="content-row fullwidth-row" style="background-color:#f1f1f1;position:relative;min-height:450px;"> | |||
| 19162 | <div class="fullwidth-half-bg" style="background:url({{media url="wysiwyg/smartwave/porto/aboutus/9/fullwidth-half-bg.jpg"}}) center no-repeat;background-size:cover;"></div> | 24828 | <div class="fullwidth-half-bg" style="background:url({{media url="wysiwyg/smartwave/porto/aboutus/9/fullwidth-half-bg.jpg"}}) center no-repeat;background-size:cover;"></div> | |||
| 19163 | <div class="container"> | 24829 | <div class="container"> | |||
| 19164 | <div class="row"> | 24830 | <div class="row"> | |||
| 19165 | <div class="offset-lg-6 col-lg-6" style="padding-top:70px;padding-bottom:70px;"> | 24831 | <div class="offset-lg-6 col-lg-6" style="padding-top:70px;padding-bottom:70px;"> | |||
| 19166 | <h2>OUR HISTORY</h2> | 24832 | <h2>OUR HISTORY</h2> | |||
| 19167 | <div class="history-accordion"> | 24833 | <div class="history-accordion"> | |||
| 19168 | <ul> | 24834 | <ul> | |||
| 19169 | <li class="active"> | 24835 | <li class="active"> | |||
| 19170 | <div class="history-title">2000</div> | 24836 | <div class="history-title">2000</div> | |||
| 19171 | <div class="history-content" style="display:block;"> | 24837 | <div class="history-content" style="display:block;"> | |||
| 19172 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make . | 24838 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make . | |||
| 19173 | </div> | 24839 | </div> | |||
| 19174 | </li> | 24840 | </li> | |||
| 19175 | <li> | 24841 | <li> | |||
| 19176 | <div class="history-title">2005</div> | 24842 | <div class="history-title">2005</div> | |||
| 19177 | <div class="history-content" style="display:none;"> | 24843 | <div class="history-content" style="display:none;"> | |||
| 19178 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make . | 24844 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make . | |||
| 19179 | </div> | 24845 | </div> | |||
| 19180 | </li> | 24846 | </li> | |||
| 19181 | <li> | 24847 | <li> | |||
| 19182 | <div class="history-title">2010</div> | 24848 | <div class="history-title">2010</div> | |||
| 19183 | <div class="history-content" style="display:none;"> | 24849 | <div class="history-content" style="display:none;"> | |||
| 19184 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make . | 24850 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make . | |||
| 19185 | </div> | 24851 | </div> | |||
| 19186 | </li> | 24852 | </li> | |||
| 19187 | <li> | 24853 | <li> | |||
| 19188 | <div class="history-title">2015</div> | 24854 | <div class="history-title">2015</div> | |||
| 19189 | <div class="history-content" style="display:none;"> | 24855 | <div class="history-content" style="display:none;"> | |||
| 19190 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make . | 24856 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make . | |||
| 19191 | </div> | 24857 | </div> | |||
| 19192 | </li> | 24858 | </li> | |||
| 19193 | <li> | 24859 | <li> | |||
| 19194 | <div class="history-title">2018</div> | 24860 | <div class="history-title">2018</div> | |||
| 19195 | <div class="history-content" style="display:none;"> | 24861 | <div class="history-content" style="display:none;"> | |||
| 19196 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make . | 24862 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make . | |||
| 19197 | </div> | 24863 | </div> | |||
| 19198 | </li> | 24864 | </li> | |||
| 19199 | </ul> | 24865 | </ul> | |||
| 19200 | </div> | 24866 | </div> | |||
| 19201 | <script type="text/javascript"> | 24867 | <script type="text/javascript"> | |||
| 19202 | require([ | 24868 | require([ | |||
| 19203 | 'jquery' | 24869 | 'jquery' | |||
| 19204 | ], function ($) { | 24870 | ], function ($) { | |||
| 19205 | $(document).ready(function(){ | 24871 | $(document).ready(function(){ | |||
| 19206 | $(".history-accordion .history-title").off("click").on("click",function(){ | 24872 | $(".history-accordion .history-title").off("click").on("click",function(){ | |||
| 19207 | if(!$(this).parent().hasClass("active")) { | 24873 | if(!$(this).parent().hasClass("active")) { | |||
| 19208 | $(this).parent().parent().children("li.active").children(".history-content").slideUp(); | 24874 | $(this).parent().parent().children("li.active").children(".history-content").slideUp(); | |||
| 19209 | $(this).parent().parent().children("li.active").removeClass("active"); | 24875 | $(this).parent().parent().children("li.active").removeClass("active"); | |||
| 19210 | $(this).parent().addClass("active"); | 24876 | $(this).parent().addClass("active"); | |||
| 19211 | $(this).parent().children(".history-content").slideDown(); | 24877 | $(this).parent().children(".history-content").slideDown(); | |||
| 19212 | } else { | 24878 | } else { | |||
| 19213 | $(this).parent().removeClass("active"); | 24879 | $(this).parent().removeClass("active"); | |||
| 19214 | $(this).parent().children(".history-content").slideUp(); | 24880 | $(this).parent().children(".history-content").slideUp(); | |||
| 19215 | } | 24881 | } | |||
| 19216 | }); | 24882 | }); | |||
| 19217 | }); | 24883 | }); | |||
| 19218 | }); | 24884 | }); | |||
| 19219 | </script> | 24885 | </script> | |||
| 19220 | </div> | 24886 | </div> | |||
| 19221 | </div> | 24887 | </div> | |||
| 19222 | </div> | 24888 | </div> | |||
| 19223 | </div> | 24889 | </div> | |||
| 19224 | <div class="content-row custom-support" style="padding: 60px 0 30px;"> | 24890 | <div class="content-row custom-support" style="padding: 60px 0 30px;"> | |||
| 19225 | <h2 style="margin-bottom: 40px;">OUR FEATURES</h2> | 24891 | <h2 style="margin-bottom: 40px;">OUR FEATURES</h2> | |||
| 19226 | <div class="row"> | 24892 | <div class="row"> | |||
| 19227 | <div class="col-md-4"> | 24893 | <div class="col-md-4"> | |||
| 19228 | <i class="porto-icon-star" style="border-radius:50%;border:2px solid #7aa93c;color:#7aa93c;background-color:transparent;line-height:58px;font-size:25px;"></i> | 24894 | <i class="porto-icon-star" style="border-radius:50%;border:2px solid #7aa93c;color:#7aa93c;background-color:transparent;line-height:58px;font-size:25px;"></i> | |||
| 19229 | <div class="content"> | 24895 | <div class="content"> | |||
| 19230 | <h2>Dedicated Service</h2> | 24896 | <h2>Dedicated Service</h2> | |||
| 19231 | <p>Consult our specialists for help<br>with an order, customization,<br>or design advice</p> | 24897 | <p>Consult our specialists for help<br>with an order, customization,<br>or design advice</p> | |||
| 19232 | </div> | 24898 | </div> | |||
| 19233 | </div> | 24899 | </div> | |||
| 19234 | <div class="col-md-4"> | 24900 | <div class="col-md-4"> | |||
| 19235 | <i class="porto-icon-reply" style="border-radius:50%;border:2px solid #7aa93c;color:#7aa93c;background-color:transparent;line-height:58px;font-size:25px;"></i> | 24901 | <i class="porto-icon-reply" style="border-radius:50%;border:2px solid #7aa93c;color:#7aa93c;background-color:transparent;line-height:58px;font-size:25px;"></i> | |||
| 19236 | <div class="content"> | 24902 | <div class="content"> | |||
| 19237 | <h2>Free returns</h2> | 24903 | <h2>Free returns</h2> | |||
| 19238 | <p>We stand behind our goods<br>and services and want you to be<br>satisfied with them.</p> | 24904 | <p>We stand behind our goods<br>and services and want you to be<br>satisfied with them.</p> | |||
| 19239 | </div> | 24905 | </div> | |||
| 19240 | </div> | 24906 | </div> | |||
| 19241 | <div class="col-md-4"> | 24907 | <div class="col-md-4"> | |||
| 19242 | <i class="porto-icon-paper-plane" style="border-radius:50%;border:2px solid #7aa93c;color:#7aa93c;background-color:transparent;line-height:58px;font-size:25px;"></i> | 24908 | <i class="porto-icon-paper-plane" style="border-radius:50%;border:2px solid #7aa93c;color:#7aa93c;background-color:transparent;line-height:58px;font-size:25px;"></i> | |||
| 19243 | <div class="content"> | 24909 | <div class="content"> | |||
| 19244 | <h2>International shipping</h2> | 24910 | <h2>International shipping</h2> | |||
| 19245 | <p>Currently over 50 countries<br>qualify for express international<br>shipping.</p> | 24911 | <p>Currently over 50 countries<br>qualify for express international<br>shipping.</p> | |||
| 19246 | </div> | 24912 | </div> | |||
| 19247 | </div> | 24913 | </div> | |||
| 19248 | </div> | 24914 | </div> | |||
| 19249 | </div> | 24915 | </div> | |||
| 19250 | <div class="content-row fullwidth-row" style="background-color:#f3f3f3;padding:57px 0;"> | 24916 | <div class="content-row fullwidth-row" style="background-color:#f3f3f3;padding:57px 0;"> | |||
| 19251 | <div class="container"> | 24917 | <div class="container"> | |||
| 19252 | <h2 style="margin-bottom:20px;">OUR TEAM</h2> | 24918 | <h2 style="margin-bottom:20px;">OUR TEAM</h2> | |||
| 19253 | <div id="member-slider-about" class="owl-carousel owl-theme"> | 24919 | <div id="member-slider-about" class="owl-carousel owl-theme"> | |||
| 19254 | <div class="item"> | 24920 | <div class="item"> | |||
| 19255 | <div class="team-member"> | 24921 | <div class="team-member"> | |||
| 19256 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-1.jpg"}}" alt="" /> | 24922 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-1.jpg"}}" alt="" /> | |||
| 19257 | <h5>JANE DOE</h5> | 24923 | <h5>JANE DOE</h5> | |||
| 19258 | <span>CEO & FOUNDER</span> | 24924 | <span>CEO & FOUNDER</span> | |||
| 19259 | </div> | 24925 | </div> | |||
| 19260 | </div> | 24926 | </div> | |||
| 19261 | <div class="item"> | 24927 | <div class="item"> | |||
| 19262 | <div class="team-member"> | 24928 | <div class="team-member"> | |||
| 19263 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-2.jpg"}}" alt="" /> | 24929 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-2.jpg"}}" alt="" /> | |||
| 19264 | <h5>JOHN DOE</h5> | 24930 | <h5>JOHN DOE</h5> | |||
| 19265 | <span>DESIGN</span> | 24931 | <span>DESIGN</span> | |||
| 19266 | </div> | 24932 | </div> | |||
| 19267 | </div> | 24933 | </div> | |||
| 19268 | <div class="item"> | 24934 | <div class="item"> | |||
| 19269 | <div class="team-member"> | 24935 | <div class="team-member"> | |||
| 19270 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-3.jpg"}}" alt="" /> | 24936 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-3.jpg"}}" alt="" /> | |||
| 19271 | <h5>GEORGE DOE</h5> | 24937 | <h5>GEORGE DOE</h5> | |||
| 19272 | <span>MARKETING</span> | 24938 | <span>MARKETING</span> | |||
| 19273 | </div> | 24939 | </div> | |||
| 19274 | </div> | 24940 | </div> | |||
| 19275 | <div class="item"> | 24941 | <div class="item"> | |||
| 19276 | <div class="team-member"> | 24942 | <div class="team-member"> | |||
| 19277 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-4.jpg"}}" alt="" /> | 24943 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-4.jpg"}}" alt="" /> | |||
| 19278 | <h5>ALICE DOE</h5> | 24944 | <h5>ALICE DOE</h5> | |||
| 19279 | <span>FINANCIAL</span> | 24945 | <span>FINANCIAL</span> | |||
| 19280 | </div> | 24946 | </div> | |||
| 19281 | </div> | 24947 | </div> | |||
| 19282 | <div class="item"> | 24948 | <div class="item"> | |||
| 19283 | <div class="team-member"> | 24949 | <div class="team-member"> | |||
| 19284 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-1.jpg"}}" alt="" /> | 24950 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-1.jpg"}}" alt="" /> | |||
| 19285 | <h5>JANE DOE</h5> | 24951 | <h5>JANE DOE</h5> | |||
| 19286 | <span>CEO & FOUNDER</span> | 24952 | <span>CEO & FOUNDER</span> | |||
| 19287 | </div> | 24953 | </div> | |||
| 19288 | </div> | 24954 | </div> | |||
| 19289 | <div class="item"> | 24955 | <div class="item"> | |||
| 19290 | <div class="team-member"> | 24956 | <div class="team-member"> | |||
| 19291 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-2.jpg"}}" alt="" /> | 24957 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-2.jpg"}}" alt="" /> | |||
| 19292 | <h5>JOHN DOE</h5> | 24958 | <h5>JOHN DOE</h5> | |||
| 19293 | <span>DESIGN</span> | 24959 | <span>DESIGN</span> | |||
| 19294 | </div> | 24960 | </div> | |||
| 19295 | </div> | 24961 | </div> | |||
| 19296 | <div class="item"> | 24962 | <div class="item"> | |||
| 19297 | <div class="team-member"> | 24963 | <div class="team-member"> | |||
| 19298 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-3.jpg"}}" alt="" /> | 24964 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-3.jpg"}}" alt="" /> | |||
| 19299 | <h5>GEORGE DOE</h5> | 24965 | <h5>GEORGE DOE</h5> | |||
| 19300 | <span>MARKETING</span> | 24966 | <span>MARKETING</span> | |||
| 19301 | </div> | 24967 | </div> | |||
| 19302 | </div> | 24968 | </div> | |||
| 19303 | <div class="item"> | 24969 | <div class="item"> | |||
| 19304 | <div class="team-member"> | 24970 | <div class="team-member"> | |||
| 19305 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-4.jpg"}}" alt="" /> | 24971 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-4.jpg"}}" alt="" /> | |||
| 19306 | <h5>ALICE DOE</h5> | 24972 | <h5>ALICE DOE</h5> | |||
| 19307 | <span>FINANCIAL</span> | 24973 | <span>FINANCIAL</span> | |||
| 19308 | </div> | 24974 | </div> | |||
| 19309 | </div> | 24975 | </div> | |||
| 19310 | </div> | 24976 | </div> | |||
| 19311 | </div> | 24977 | </div> | |||
| 19312 | <script> | 24978 | <script> | |||
| 19313 | require([ | 24979 | require([ | |||
| 19314 | 'jquery', | 24980 | 'jquery', | |||
| 19315 | 'owl.carousel/owl.carousel.min' | 24981 | 'owl.carousel/owl.carousel.min' | |||
| 19316 | ], function ($) { | 24982 | ], function ($) { | |||
| 19317 | $("#member-slider-about").owlCarousel({ | 24983 | $("#member-slider-about").owlCarousel({ | |||
| 19318 | autoplay: true, | 24984 | autoplay: true, | |||
| 19319 | autoplayTimeout: 5000, | 24985 | autoplayTimeout: 5000, | |||
| 19320 | autoplayHoverPause: true, | 24986 | autoplayHoverPause: true, | |||
| 19321 | margin: 0, | 24987 | margin: 0, | |||
| 19322 | nav: false, | 24988 | nav: false, | |||
| 19323 | dots: true, | 24989 | dots: true, | |||
| 19324 | navRewind: true, | 24990 | navRewind: true, | |||
| 19325 | animateIn: 'fadeIn', | 24991 | animateIn: 'fadeIn', | |||
| 19326 | animateOut: 'fadeOut', | 24992 | animateOut: 'fadeOut', | |||
| 19327 | loop: true, | 24993 | loop: true, | |||
| 19328 | responsive: { | 24994 | responsive: { | |||
| 19329 | 0: { | 24995 | 0: { | |||
| 19330 | items:2 | 24996 | items:2 | |||
| 19331 | }, | 24997 | }, | |||
| 19332 | 768: { | 24998 | 768: { | |||
| 19333 | items:3 | 24999 | items:3 | |||
| 19334 | }, | 25000 | }, | |||
| 19335 | 992: { | 25001 | 992: { | |||
| 19336 | items:4 | 25002 | items:4 | |||
| 19337 | }, | 25003 | }, | |||
| 19338 | 1200: { | 25004 | 1200: { | |||
| 19339 | items:4 | 25005 | items:4 | |||
| 19340 | } | 25006 | } | |||
| 19341 | } | 25007 | } | |||
| 19342 | }); | 25008 | }); | |||
| 19343 | }); | 25009 | }); | |||
| 19344 | </script> | 25010 | </script> | |||
| 19345 | </div> | 25011 | </div> | |||
| 19346 | <style type="text/css"> | 25012 | <style type="text/css"> | |||
| 19347 | .top-container >.breadcrumbs { | 25013 | .top-container >.breadcrumbs { | |||
| 19348 | border-bottom: 1px solid #ececec; | 25014 | border-bottom: 1px solid #ececec; | |||
| 19349 | padding-bottom: 8px; | 25015 | padding-bottom: 8px; | |||
| 19350 | } | 25016 | } | |||
| 19351 | .fullwidth-half-bg { | 25017 | .fullwidth-half-bg { | |||
| 19352 | width: 100%; | 25018 | width: 100%; | |||
| 19353 | min-height: 450px; | 25019 | min-height: 450px; | |||
| 19354 | } | 25020 | } | |||
| 19355 | @media (min-width: 992px) { | 25021 | @media (min-width: 992px) { | |||
| 19356 | .fullwidth-half-bg { | 25022 | .fullwidth-half-bg { | |||
| 19357 | width: 50%; | 25023 | width: 50%; | |||
| 19358 | width: calc(50% - 30px); | 25024 | width: calc(50% - 30px); | |||
| 19359 | height: 100%; | 25025 | height: 100%; | |||
| 19360 | position: absolute; | 25026 | position: absolute; | |||
| 19361 | left: 0; | 25027 | left: 0; | |||
| 19362 | top: 0; | 25028 | top: 0; | |||
| 19363 | } | 25029 | } | |||
| 19364 | } | 25030 | } | |||
| 19365 | .content-row h2 { | 25031 | .content-row h2 { | |||
| 19366 | font-size: 16px; | 25032 | font-size: 16px; | |||
| 19367 | font-family: 'Oswald'; | 25033 | font-family: 'Oswald'; | |||
| 19368 | color: #282d3b; | 25034 | color: #282d3b; | |||
| 19369 | font-weight: 700; | 25035 | font-weight: 700; | |||
| 19370 | line-height: 1; | 25036 | line-height: 1; | |||
| 19371 | margin-bottom: 30px; | 25037 | margin-bottom: 30px; | |||
| 19372 | } | 25038 | } | |||
| 19373 | .history-accordion > ul { | 25039 | .history-accordion > ul { | |||
| 19374 | list-style: none; | 25040 | list-style: none; | |||
| 19375 | padding: 0; | 25041 | padding: 0; | |||
| 19376 | margin: 0; | 25042 | margin: 0; | |||
| 19377 | } | 25043 | } | |||
| 19378 | .history-accordion .history-title { | 25044 | .history-accordion .history-title { | |||
| 19379 | font-family: 'Oswald'; | 25045 | font-family: 'Oswald'; | |||
| 19380 | font-size: 14px; | 25046 | font-size: 14px; | |||
| 19381 | font-weight: 700; | 25047 | font-weight: 700; | |||
| 19382 | color: #282d3b; | 25048 | color: #282d3b; | |||
| 19383 | padding: 15px 0; | 25049 | padding: 15px 0; | |||
| 19384 | border-bottom: 1px solid #e4e4e4; | 25050 | border-bottom: 1px solid #e4e4e4; | |||
| 19385 | position: relative; | 25051 | position: relative; | |||
| 19386 | cursor: pointer; | 25052 | cursor: pointer; | |||
| 19387 | } | 25053 | } | |||
| 19388 | .history-accordion li.active .history-title { | 25054 | .history-accordion li.active .history-title { | |||
| 19389 | color: #7aa93c; | 25055 | color: #7aa93c; | |||
| 19390 | border-color: #7aa93c; | 25056 | border-color: #7aa93c; | |||
| 19391 | } | 25057 | } | |||
| 19392 | .history-accordion .history-title:after { | 25058 | .history-accordion .history-title:after { | |||
| 19393 | content: "\f882"; | 25059 | content: "\f882"; | |||
| 19394 | font-family: 'porto-icons'; | 25060 | font-family: 'porto-icons'; | |||
| 19395 | font-size: 10px; | 25061 | font-size: 10px; | |||
| 19396 | line-height: 20px; | 25062 | line-height: 20px; | |||
| 19397 | width: 20px; | 25063 | width: 20px; | |||
| 19398 | text-align: center; | 25064 | text-align: center; | |||
| 19399 | display: block; | 25065 | display: block; | |||
| 19400 | position: absolute; | 25066 | position: absolute; | |||
| 19401 | right: 20px; | 25067 | right: 20px; | |||
| 19402 | top: 16px; | 25068 | top: 16px; | |||
| 19403 | color: #7f8284; | 25069 | color: #7f8284; | |||
| 19404 | } | 25070 | } | |||
| 19405 | .history-accordion li.active .history-title:after { | 25071 | .history-accordion li.active .history-title:after { | |||
| 19406 | color: #7aa93c; | 25072 | color: #7aa93c; | |||
| 19407 | content: "\f883"; | 25073 | content: "\f883"; | |||
| 19408 | } | 25074 | } | |||
| 19409 | .history-accordion .history-content { | 25075 | .history-accordion .history-content { | |||
| 19410 | font-size: 14px; | 25076 | font-size: 14px; | |||
| 19411 | font-weight: 400; | 25077 | font-weight: 400; | |||
| 19412 | line-height: 2; | 25078 | line-height: 2; | |||
| 19413 | color: #4a505e; | 25079 | color: #4a505e; | |||
| 19414 | padding: 20px 0; | 25080 | padding: 20px 0; | |||
| 19415 | } | 25081 | } | |||
| 19416 | .custom-support div.content { | 25082 | .custom-support div.content { | |||
| 19417 | padding-bottom: 20px; | 25083 | padding-bottom: 20px; | |||
| 19418 | margin-left: 90px; | 25084 | margin-left: 90px; | |||
| 19419 | } | 25085 | } | |||
| 19420 | .custom-support div.content>h2 { | 25086 | .custom-support div.content>h2 { | |||
| 19421 | font-family: 'Open Sans'; | 25087 | font-family: 'Open Sans'; | |||
| 19422 | font-size: 15px; | 25088 | font-size: 15px; | |||
| 19423 | font-weight: 700; | 25089 | font-weight: 700; | |||
| 19424 | color:#2b2b2d; | 25090 | color:#2b2b2d; | |||
| 19425 | text-transform: uppercase; | 25091 | text-transform: uppercase; | |||
| 19426 | line-height: 22px; | 25092 | line-height: 22px; | |||
| 19427 | margin-bottom: 4px; | 25093 | margin-bottom: 4px; | |||
| 19428 | } | 25094 | } | |||
| 19429 | .custom-support div.content>p { | 25095 | .custom-support div.content>p { | |||
| 19430 | font-size: 14px; | 25096 | font-size: 14px; | |||
| 19431 | color: #4a505e; | 25097 | color: #4a505e; | |||
| 19432 | letter-spacing: 0.01em; | 25098 | letter-spacing: 0.01em; | |||
| 19433 | line-height: 27px; | 25099 | line-height: 27px; | |||
| 19434 | } | 25100 | } | |||
| 19435 | .team-member span { | 25101 | .team-member span { | |||
| 19436 | display: block; | 25102 | display: block; | |||
| 19437 | font-size: 14px; | 25103 | font-size: 14px; | |||
| 19438 | color: #8c8e94; | 25104 | color: #8c8e94; | |||
| 19439 | margin-bottom: 10px; | 25105 | margin-bottom: 10px; | |||
| 19440 | } | 25106 | } | |||
| 19441 | .team-member h5 { | 25107 | .team-member h5 { | |||
| 19442 | font-size: 14px; | 25108 | font-size: 14px; | |||
| 19443 | font-weight: 700; | 25109 | font-weight: 700; | |||
| 19444 | color: #282d3b; | 25110 | color: #282d3b; | |||
| 19445 | margin: 25px 0 5px; | 25111 | margin: 25px 0 5px; | |||
| 19446 | } | 25112 | } | |||
| 19447 | .team-member img { | 25113 | .team-member img { | |||
| 19448 | width: 160px; | 25114 | width: 160px; | |||
| 19449 | height: 160px; | 25115 | height: 160px; | |||
| 19450 | border-radius: 50%; | 25116 | border-radius: 50%; | |||
| 19451 | } | 25117 | } | |||
| 19452 | .team-member { | 25118 | .team-member { | |||
| 19453 | background-color: #fff; | 25119 | background-color: #fff; | |||
| 19454 | padding: 25px 0; | 25120 | padding: 25px 0; | |||
| 19455 | text-align: center; | 25121 | text-align: center; | |||
| 19456 | } | 25122 | } | |||
| 19457 | #member-slider-about { | 25123 | #member-slider-about { | |||
| 19458 | margin: 0 -15px; | 25124 | margin: 0 -15px; | |||
| 19459 | } | 25125 | } | |||
| 19460 | #member-slider-about .item { | 25126 | #member-slider-about .item { | |||
| 19461 | padding: 15px; | 25127 | padding: 15px; | |||
| 19462 | } | 25128 | } | |||
| 19463 | #member-slider-about .owl-dots .owl-dot.active span, #member-slider-about .owl-dots .owl-dot:hover span { | 25129 | #member-slider-about .owl-dots .owl-dot.active span, #member-slider-about .owl-dots .owl-dot:hover span { | |||
| 19464 | background-color: #696969; | 25130 | background-color: #696969; | |||
| 19465 | } | 25131 | } | |||
| 19466 | #member-slider-about .owl-dots .owl-dot span { | 25132 | #member-slider-about .owl-dots .owl-dot span { | |||
| 19467 | background-color: #d1d1d1; | 25133 | background-color: #d1d1d1; | |||
| 19468 | width: 12px; | 25134 | width: 12px; | |||
| 19469 | height: 12px; | 25135 | height: 12px; | |||
| 19470 | margin: 5px; | 25136 | margin: 5px; | |||
| 19471 | } | 25137 | } | |||
| 19472 | .page-main, .columns .column.main { | 25138 | .page-main, .columns .column.main { | |||
| 19473 | padding-bottom: 0; | 25139 | padding-bottom: 0; | |||
| 19474 | } | 25140 | } | |||
| 19475 | #member-slider-about .owl-item img { | 25141 | #member-slider-about .owl-item img { | |||
| 19476 | display: inline-block | 25142 | display: inline-block | |||
| 19477 | } | 25143 | } | |||
| 19478 | </style>]]> | 25144 | </style>]]> | |||
| 19479 | </content> | 25145 | </content> | |||
| 19480 | 25146 | |||||
| 19481 | <is_active> | 25147 | <is_active> | |||
| 19482 | 1 | 25148 | 1 | |||
| 19483 | </is_active> | 25149 | </is_active> | |||
| 19484 | 25150 | |||||
| 19485 | <page_layout> | 25151 | <page_layout> | |||
| 19486 | 1column | 25152 | 1column | |||
| 19487 | </page_layout> | 25153 | </page_layout> | |||
| 19488 | 25154 | |||||
| 19489 | <layout_update_xml> | 25155 | <layout_update_xml> | |||
| 19490 | <![CDATA[<referenceContainer name="page.top"> | 25156 | <![CDATA[<referenceContainer name="page.top"> | |||
| 19491 | <block class="Magento\Cms\Block\Block" name="top_banner"> | 25157 | <block class="Magento\Cms\Block\Block" name="top_banner"> | |||
| 19492 | <arguments> | 25158 | <arguments> | |||
| 19493 | <argument name="block_id" xsi:type="string">porto_about_us_9_top_block</argument> | 25159 | <argument name="block_id" xsi:type="string">porto_about_us_9_top_block</argument> | |||
| 19494 | </arguments> | 25160 | </arguments> | |||
| 19495 | </block> | 25161 | </block> | |||
| 19496 | </referenceContainer>]]> | 25162 | </referenceContainer>]]> | |||
| 19497 | </layout_update_xml> | 25163 | </layout_update_xml> | |||
| 19498 | 25164 | |||||
| 19499 | </cms_item> | 25165 | </cms_item> | |||
| 19500 | 25166 | |||||
| 19501 | <cms_item> | 25167 | <cms_item> | |||
| 19502 | 25168 | |||||
| 19503 | <title> | 25169 | <title> | |||
| 19504 | Porto - About Us 13 | 25170 | Porto - About Us 13 | |||
| 19505 | </title> | 25171 | </title> | |||
| 19506 | 25172 | |||||
| 19507 | <identifier> | 25173 | <identifier> | |||
| 19508 | about-porto-13 | 25174 | about-porto-13 | |||
| 19509 | </identifier> | 25175 | </identifier> | |||
| 19510 | 25176 | |||||
| 19511 | <content> | 25177 | <content> | |||
| 19512 | <![CDATA[<div class="content-row" style="padding-bottom:75px;"> | 25178 | <![CDATA[<div class="content-row" style="padding-bottom:75px;"> | |||
| 19513 | <div class="row"> | 25179 | <div class="row"> | |||
| 19514 | <div class="col-xl-5"> | 25180 | <div class="col-xl-5"> | |||
| 19515 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/13/history.jpg"}}" style="width: 100%;padding-right: 40px;" alt="" /> | 25181 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/13/history.jpg"}}" style="width: 100%;padding-right: 40px;" alt="" /> | |||
| 19516 | </div> | 25182 | </div> | |||
| 19517 | <div class="col-xl-7"> | 25183 | <div class="col-xl-7"> | |||
| 19518 | <h2 style="text-align:left;margin-bottom:20px;margin-top: 30px;">OUR HISTORY</h2> | 25184 | <h2 style="text-align:left;margin-bottom:20px;margin-top: 30px;">OUR HISTORY</h2> | |||
| 19519 | <div class="row"> | 25185 | <div class="row"> | |||
| 19520 | <div class="col-md-6"> | 25186 | <div class="col-md-6"> | |||
| 19521 | <p style="padding-right: 60px;margin-bottom: 30px;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus </p> | 25187 | <p style="padding-right: 60px;margin-bottom: 30px;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus </p> | |||
| 19522 | </div> | 25188 | </div> | |||
| 19523 | <div class="col-md-6"> | 25189 | <div class="col-md-6"> | |||
| 19524 | <p style="padding-right: 60px;margin-bottom: 30px;">Been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus.</p> | 25190 | <p style="padding-right: 60px;margin-bottom: 30px;">Been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus.</p> | |||
| 19525 | </div> | 25191 | </div> | |||
| 19526 | </div> | 25192 | </div> | |||
| 19527 | </div> | 25193 | </div> | |||
| 19528 | </div> | 25194 | </div> | |||
| 19529 | </div> | 25195 | </div> | |||
| 19530 | <div class="content-row" style="background-color: #e0e2e3;padding-top:75px;padding-bottom:75px;"> | 25196 | <div class="content-row" style="background-color: #e0e2e3;padding-top:75px;padding-bottom:75px;"> | |||
| 19531 | <h2>OUR SPECIAL FEATURES<em>Lorem ipsum is simply dummy text</em></h2> | 25197 | <h2>OUR SPECIAL FEATURES<em>Lorem ipsum is simply dummy text</em></h2> | |||
| 19532 | <div class="support-block row"> | 25198 | <div class="support-block row"> | |||
| 19533 | <div class="col-xl-3 col-lg-6"> | 25199 | <div class="col-xl-3 col-lg-6"> | |||
| 19534 | <div class="support-item"> | 25200 | <div class="support-item"> | |||
| 19535 | <i class="porto-icon-support"></i> | 25201 | <i class="porto-icon-support"></i> | |||
| 19536 | <h3>ONLINE SUPPORT</h3> | 25202 | <h3>ONLINE SUPPORT</h3> | |||
| 19537 | <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's </p> | 25203 | <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's </p> | |||
| 19538 | </div> | 25204 | </div> | |||
| 19539 | </div> | 25205 | </div> | |||
| 19540 | <div class="col-xl-3 col-lg-6"> | 25206 | <div class="col-xl-3 col-lg-6"> | |||
| 19541 | <div class="support-item"> | 25207 | <div class="support-item"> | |||
| 19542 | <i class="porto-icon-shipping"></i> | 25208 | <i class="porto-icon-shipping"></i> | |||
| 19543 | <h3>FREE SHIPPING & RETURN</h3> | 25209 | <h3>FREE SHIPPING & RETURN</h3> | |||
| 19544 | <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's </p> | 25210 | <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's </p> | |||
| 19545 | </div> | 25211 | </div> | |||
| 19546 | </div> | 25212 | </div> | |||
| 19547 | <div class="col-xl-3 col-lg-6"> | 25213 | <div class="col-xl-3 col-lg-6"> | |||
| 19548 | <div class="support-item"> | 25214 | <div class="support-item"> | |||
| 19549 | <i class="porto-icon-money"></i> | 25215 | <i class="porto-icon-money"></i> | |||
| 19550 | <h3>MONEY BACK GUARANTEE</h3> | 25216 | <h3>MONEY BACK GUARANTEE</h3> | |||
| 19551 | <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's </p> | 25217 | <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's </p> | |||
| 19552 | </div> | 25218 | </div> | |||
| 19553 | </div> | 25219 | </div> | |||
| 19554 | <div class="col-xl-3 col-lg-6"> | 25220 | <div class="col-xl-3 col-lg-6"> | |||
| 19555 | <div class="support-item"> | 25221 | <div class="support-item"> | |||
| 19556 | <i class="porto-icon-shirt"></i> | 25222 | <i class="porto-icon-shirt"></i> | |||
| 19557 | <h3>NEW STYLES EVERY DAY</h3> | 25223 | <h3>NEW STYLES EVERY DAY</h3> | |||
| 19558 | <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's </p> | 25224 | <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's </p> | |||
| 19559 | </div> | 25225 | </div> | |||
| 19560 | </div> | 25226 | </div> | |||
| 19561 | </div> | 25227 | </div> | |||
| 19562 | </div> | 25228 | </div> | |||
| 19563 | <div class="content-row" style="padding-bottom:75px;padding-top:75px;"> | 25229 | <div class="content-row" style="padding-bottom:75px;padding-top:75px;"> | |||
| 19564 | <h2 style="margin-bottom:15px;">OUR TEAM<em>Lorem ipsum is simply dummy text</em></h2> | 25230 | <h2 style="margin-bottom:15px;">OUR TEAM<em>Lorem ipsum is simply dummy text</em></h2> | |||
| 19565 | <div class="row"> | 25231 | <div class="row"> | |||
| 19566 | <div class="col-lg-2 col-md-4 col-sm-6"> | 25232 | <div class="col-lg-2 col-md-4 col-sm-6"> | |||
| 19567 | <div class="team-member"> | 25233 | <div class="team-member"> | |||
| 19568 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/13/member1.jpg"}}" style="width: 100%;" alt="" /> | 25234 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/13/member1.jpg"}}" style="width: 100%;" alt="" /> | |||
| 19569 | <div class="member-detail">JOHN DOE</div> | 25235 | <div class="member-detail">JOHN DOE</div> | |||
| 19570 | </div> | 25236 | </div> | |||
| 19571 | </div> | 25237 | </div> | |||
| 19572 | <div class="col-lg-2 col-md-4 col-sm-6"> | 25238 | <div class="col-lg-2 col-md-4 col-sm-6"> | |||
| 19573 | <div class="team-member"> | 25239 | <div class="team-member"> | |||
| 19574 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/13/member2.jpg"}}" style="width: 100%;" alt="" /> | 25240 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/13/member2.jpg"}}" style="width: 100%;" alt="" /> | |||
| 19575 | <div class="member-detail">JOSIE DOE</div> | 25241 | <div class="member-detail">JOSIE DOE</div> | |||
| 19576 | </div> | 25242 | </div> | |||
| 19577 | </div> | 25243 | </div> | |||
| 19578 | <div class="col-lg-2 col-md-4 col-sm-6"> | 25244 | <div class="col-lg-2 col-md-4 col-sm-6"> | |||
| 19579 | <div class="team-member"> | 25245 | <div class="team-member"> | |||
| 19580 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/13/member3.jpg"}}" style="width: 100%;" alt="" /> | 25246 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/13/member3.jpg"}}" style="width: 100%;" alt="" /> | |||
| 19581 | <div class="member-detail">BOB DOE</div> | 25247 | <div class="member-detail">BOB DOE</div> | |||
| 19582 | </div> | 25248 | </div> | |||
| 19583 | </div> | 25249 | </div> | |||
| 19584 | <div class="col-lg-2 col-md-4 col-sm-6"> | 25250 | <div class="col-lg-2 col-md-4 col-sm-6"> | |||
| 19585 | <div class="team-member"> | 25251 | <div class="team-member"> | |||
| 19586 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/13/member4.jpg"}}" style="width: 100%;" alt="" /> | 25252 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/13/member4.jpg"}}" style="width: 100%;" alt="" /> | |||
| 19587 | <div class="member-detail">HENRY DOE</div> | 25253 | <div class="member-detail">HENRY DOE</div> | |||
| 19588 | </div> | 25254 | </div> | |||
| 19589 | </div> | 25255 | </div> | |||
| 19590 | <div class="col-lg-2 col-md-4 col-sm-6"> | 25256 | <div class="col-lg-2 col-md-4 col-sm-6"> | |||
| 19591 | <div class="team-member"> | 25257 | <div class="team-member"> | |||
| 19592 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/13/member5.jpg"}}" style="width: 100%;" alt="" /> | 25258 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/13/member5.jpg"}}" style="width: 100%;" alt="" /> | |||
| 19593 | <div class="member-detail">AMANDA DOE</div> | 25259 | <div class="member-detail">AMANDA DOE</div> | |||
| 19594 | </div> | 25260 | </div> | |||
| 19595 | </div> | 25261 | </div> | |||
| 19596 | <div class="col-lg-2 col-md-4 col-sm-6"> | 25262 | <div class="col-lg-2 col-md-4 col-sm-6"> | |||
| 19597 | <div class="team-member"> | 25263 | <div class="team-member"> | |||
| 19598 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/13/member6.jpg"}}" style="width: 100%;" alt="" /> | 25264 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/13/member6.jpg"}}" style="width: 100%;" alt="" /> | |||
| 19599 | <div class="member-detail">GREG DOE</div> | 25265 | <div class="member-detail">GREG DOE</div> | |||
| 19600 | </div> | 25266 | </div> | |||
| 19601 | </div> | 25267 | </div> | |||
| 19602 | </div> | 25268 | </div> | |||
| 19603 | </div> | 25269 | </div> | |||
| 19604 | <div class="content-row" style="padding-top:75px;padding-bottom:75px;"> | 25270 | <div class="content-row" style="padding-top:75px;padding-bottom:75px;"> | |||
| 19605 | <h2>TESTIMONIALS<em>What our client says about us</em></h2> | 25271 | <h2>TESTIMONIALS<em>What our client says about us</em></h2> | |||
| 19606 | <div id="testimonials-slider" class="owl-carousel owl-theme"> | 25272 | <div id="testimonials-slider" class="owl-carousel owl-theme"> | |||
| 19607 | <div class="item"> | 25273 | <div class="item"> | |||
| 19608 | <blockquote class="testimonial"> | 25274 | <blockquote class="testimonial"> | |||
| 19609 | <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled.</p> | 25275 | <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled.</p> | |||
| 19610 | </blockquote> | 25276 | </blockquote> | |||
| 19611 | <div class="testimonial-author"> | 25277 | <div class="testimonial-author"> | |||
| 19612 | <div class="img-thumbnail img-thumbnail-small"><img width="60" height="60" src="{{media url="wysiwyg/smartwave/porto/aboutus/4/client1.png"}}" alt=""/></div> | 25278 | <div class="img-thumbnail img-thumbnail-small"><img width="60" height="60" src="{{media url="wysiwyg/smartwave/porto/aboutus/4/client1.png"}}" alt=""/></div> | |||
| 19613 | <p><strong>JOHN DOE</strong><span>SEO</span></p> | 25279 | <p><strong>JOHN DOE</strong><span>SEO</span></p> | |||
| 19614 | </div> | 25280 | </div> | |||
| 19615 | </div> | 25281 | </div> | |||
| 19616 | <div class="item"> | 25282 | <div class="item"> | |||
| 19617 | <blockquote class="testimonial"> | 25283 | <blockquote class="testimonial"> | |||
| 19618 | <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled.</p> | 25284 | <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled.</p> | |||
| 19619 | </blockquote> | 25285 | </blockquote> | |||
| 19620 | <div class="testimonial-author"> | 25286 | <div class="testimonial-author"> | |||
| 19621 | <div class="img-thumbnail img-thumbnail-small"><img width="60" height="60" src="{{media url="wysiwyg/smartwave/porto/aboutus/4/client2.png"}}" alt=""/></div> | 25287 | <div class="img-thumbnail img-thumbnail-small"><img width="60" height="60" src="{{media url="wysiwyg/smartwave/porto/aboutus/4/client2.png"}}" alt=""/></div> | |||
| 19622 | <p><strong>BRENDA DOE</strong><span>Founder</span></p> | 25288 | <p><strong>BRENDA DOE</strong><span>Founder</span></p> | |||
| 19623 | </div> | 25289 | </div> | |||
| 19624 | </div> | 25290 | </div> | |||
| 19625 | </div> | 25291 | </div> | |||
| 19626 | <script type="text/javascript"> | 25292 | <script type="text/javascript"> | |||
| 19627 | require([ | 25293 | require([ | |||
| 19628 | 'jquery', | 25294 | 'jquery', | |||
| 19629 | 'owl.carousel/owl.carousel.min' | 25295 | 'owl.carousel/owl.carousel.min' | |||
| 19630 | ], function ($) { | 25296 | ], function ($) { | |||
| 19631 | $("#testimonials-slider").owlCarousel({ | 25297 | $("#testimonials-slider").owlCarousel({ | |||
| 19632 | autoplay: true, | 25298 | autoplay: true, | |||
| 19633 | autoplayTimeout: 5000, | 25299 | autoplayTimeout: 5000, | |||
| 19634 | autoplayHoverPause: true, | 25300 | autoplayHoverPause: true, | |||
| 19635 | margin: 0, | 25301 | margin: 0, | |||
| 19636 | nav: false, | 25302 | nav: false, | |||
| 19637 | dots: false, | 25303 | dots: false, | |||
| 19638 | navRewind: true, | 25304 | navRewind: true, | |||
| 19639 | animateIn: 'fadeIn', | 25305 | animateIn: 'fadeIn', | |||
| 19640 | animateOut: 'fadeOut', | 25306 | animateOut: 'fadeOut', | |||
| 19641 | loop: true, | 25307 | loop: true, | |||
| 19642 | responsive: { | 25308 | responsive: { | |||
| 19643 | 0: { | 25309 | 0: { | |||
| 19644 | items:1 | 25310 | items:1 | |||
| 19645 | }, | 25311 | }, | |||
| 19646 | 768: { | 25312 | 768: { | |||
| 19647 | items:2 | 25313 | items:2 | |||
| 19648 | }, | 25314 | }, | |||
| 19649 | 992: { | 25315 | 992: { | |||
| 19650 | items:2 | 25316 | items:2 | |||
| 19651 | }, | 25317 | }, | |||
| 19652 | 1200: { | 25318 | 1200: { | |||
| 19653 | items:2 | 25319 | items:2 | |||
| 19654 | } | 25320 | } | |||
| 19655 | } | 25321 | } | |||
| 19656 | }); | 25322 | }); | |||
| 19657 | }); | 25323 | }); | |||
| 19658 | </script> | 25324 | </script> | |||
| 19659 | </div> | 25325 | </div> | |||
| 19660 | <style type="text/css"> | 25326 | <style type="text/css"> | |||
| 19661 | .columns .column.main { | 25327 | .columns .column.main { | |||
| 19662 | padding: 0; | 25328 | padding: 0; | |||
| 19663 | } | 25329 | } | |||
| 19664 | .content-row { | 25330 | .content-row { | |||
| 19665 | padding: 0 15px; | 25331 | padding: 0 15px; | |||
| 19666 | } | 25332 | } | |||
| 19667 | .row { | 25333 | .row { | |||
| 19668 | margin: 0 -6px; | 25334 | margin: 0 -6px; | |||
| 19669 | } | 25335 | } | |||
| 19670 | .row > [class*="col-"], .row > [class^="col-"] { | 25336 | .row > [class*="col-"], .row > [class^="col-"] { | |||
| 19671 | padding-left: 6px; | 25337 | padding-left: 6px; | |||
| 19672 | padding-right: 6px; | 25338 | padding-right: 6px; | |||
| 19673 | } | 25339 | } | |||
| 19674 | @media(min-width: 768px) { | 25340 | @media(min-width: 768px) { | |||
| 19675 | .top-container >.breadcrumbs > .container, .content-row { | 25341 | .top-container >.breadcrumbs > .container, .content-row { | |||
| 19676 | padding: 0 25px; | 25342 | padding: 0 25px; | |||
| 19677 | } | 25343 | } | |||
| 19678 | } | 25344 | } | |||
| 19679 | .content-row h2 { | 25345 | .content-row h2 { | |||
| 19680 | font-size: 24px; | 25346 | font-size: 24px; | |||
| 19681 | font-family: 'Oswald'; | 25347 | font-family: 'Oswald'; | |||
| 19682 | color: #141a1f; | 25348 | color: #141a1f; | |||
| 19683 | margin-bottom: 25px; | 25349 | margin-bottom: 25px; | |||
| 19684 | text-align: center; | 25350 | text-align: center; | |||
| 19685 | } | 25351 | } | |||
| 19686 | .content-row h2 em { | 25352 | .content-row h2 em { | |||
| 19687 | font-family: 'Poppins'; | 25353 | font-family: 'Poppins'; | |||
| 19688 | font-weight: 400; | 25354 | font-weight: 400; | |||
| 19689 | font-style: normal; | 25355 | font-style: normal; | |||
| 19690 | font-size: 15px; | 25356 | font-size: 15px; | |||
| 19691 | color: #646a70; | 25357 | color: #646a70; | |||
| 19692 | display: block; | 25358 | display: block; | |||
| 19693 | line-height: 2; | 25359 | line-height: 2; | |||
| 19694 | } | 25360 | } | |||
| 19695 | .content-row p { | 25361 | .content-row p { | |||
| 19696 | font-family: 'Poppins'; | 25362 | font-family: 'Poppins'; | |||
| 19697 | font-weight: 400; | 25363 | font-weight: 400; | |||
| 19698 | font-size: 15px; | 25364 | font-size: 15px; | |||
| 19699 | color: #646a70; | 25365 | color: #646a70; | |||
| 19700 | line-height: 1.8; | 25366 | line-height: 1.8; | |||
| 19701 | display: -webkit-box; | 25367 | display: -webkit-box; | |||
| 19702 | -webkit-box-orient: vertical; | 25368 | -webkit-box-orient: vertical; | |||
| 19703 | -webkit-line-clamp: 8; | 25369 | -webkit-line-clamp: 8; | |||
| 19704 | overflow: hidden; | 25370 | overflow: hidden; | |||
| 19705 | } | 25371 | } | |||
| 19706 | @media(max-width: 1600px) { | 25372 | @media(max-width: 1600px) { | |||
| 19707 | .content-row p { | 25373 | .content-row p { | |||
| 19708 | -webkit-line-clamp: 5; | 25374 | -webkit-line-clamp: 5; | |||
| 19709 | } | 25375 | } | |||
| 19710 | } | 25376 | } | |||
| 19711 | @media(max-width: 1199px) { | 25377 | @media(max-width: 1199px) { | |||
| 19712 | .content-row p { | 25378 | .content-row p { | |||
| 19713 | display: block; | 25379 | display: block; | |||
| 19714 | } | 25380 | } | |||
| 19715 | } | 25381 | } | |||
| 19716 | .support-block .support-item { | 25382 | .support-block .support-item { | |||
| 19717 | padding: 35px 70px 50px 30px; | 25383 | padding: 35px 70px 50px 30px; | |||
| 19718 | line-height: 1.4; | 25384 | line-height: 1.4; | |||
| 19719 | background-color: #fff; | 25385 | background-color: #fff; | |||
| 19720 | margin-bottom: 12px; | 25386 | margin-bottom: 12px; | |||
| 19721 | } | 25387 | } | |||
| 19722 | .support-block .support-item:after { | 25388 | .support-block .support-item:after { | |||
| 19723 | content: ''; | 25389 | content: ''; | |||
| 19724 | display: table; | 25390 | display: table; | |||
| 19725 | clear: both; | 25391 | clear: both; | |||
| 19726 | } | 25392 | } | |||
| 19727 | .support-block .support-item > i { | 25393 | .support-block .support-item > i { | |||
| 19728 | font-size: 50px; | 25394 | font-size: 50px; | |||
| 19729 | color: #141a1f; | 25395 | color: #141a1f; | |||
| 19730 | float: left; | 25396 | float: left; | |||
| 19731 | margin: 0 15px 0 0; | 25397 | margin: 0 15px 0 0; | |||
| 19732 | } | 25398 | } | |||
| 19733 | .support-block .support-item > h3 { | 25399 | .support-block .support-item > h3 { | |||
| 19734 | color: #141a1f; | 25400 | color: #141a1f; | |||
| 19735 | font-family: 'Poppins'; | 25401 | font-family: 'Poppins'; | |||
| 19736 | font-size: 18px; | 25402 | font-size: 18px; | |||
| 19737 | font-weight: 500; | 25403 | font-weight: 500; | |||
| 19738 | margin: 10px 0; | 25404 | margin: 10px 0; | |||
| 19739 | white-space: nowrap; | 25405 | white-space: nowrap; | |||
| 19740 | text-overflow: ellipsis; | 25406 | text-overflow: ellipsis; | |||
| 19741 | overflow: hidden; | 25407 | overflow: hidden; | |||
| 19742 | } | 25408 | } | |||
| 19743 | .support-block .support-item > p { | 25409 | .support-block .support-item > p { | |||
| 19744 | margin: 0; | 25410 | margin: 0; | |||
| 19745 | font-size: 15px; | 25411 | font-size: 15px; | |||
| 19746 | font-weight: 400; | 25412 | font-weight: 400; | |||
| 19747 | color: #646a70; | 25413 | color: #646a70; | |||
| 19748 | line-height: 1.8; | 25414 | line-height: 1.8; | |||
| 19749 | margin-left: 85px; | 25415 | margin-left: 85px; | |||
| 19750 | display: -webkit-box; | 25416 | display: -webkit-box; | |||
| 19751 | -webkit-box-orient: vertical; | 25417 | -webkit-box-orient: vertical; | |||
| 19752 | -webkit-line-clamp: 3; | 25418 | -webkit-line-clamp: 3; | |||
| 19753 | overflow: hidden; | 25419 | overflow: hidden; | |||
| 19754 | max-height: 81px; | 25420 | max-height: 81px; | |||
| 19755 | } | 25421 | } | |||
| 19756 | .team-member .member-detail { | 25422 | .team-member .member-detail { | |||
| 19757 | font-family: 'Oswald'; | 25423 | font-family: 'Oswald'; | |||
| 19758 | font-size: 16px; | 25424 | font-size: 16px; | |||
| 19759 | font-weight: 400; | 25425 | font-weight: 400; | |||
| 19760 | color: #fff; | 25426 | color: #fff; | |||
| 19761 | line-height: 1; | 25427 | line-height: 1; | |||
| 19762 | position: absolute; | 25428 | position: absolute; | |||
| 19763 | left: 32px; | 25429 | left: 32px; | |||
| 19764 | bottom: 35px; | 25430 | bottom: 35px; | |||
| 19765 | } | 25431 | } | |||
| 19766 | .team-member { | 25432 | .team-member { | |||
| 19767 | position: relative; | 25433 | position: relative; | |||
| 19768 | margin-bottom: 12px; | 25434 | margin-bottom: 12px; | |||
| 19769 | } | 25435 | } | |||
| 19770 | blockquote.testimonial { | 25436 | blockquote.testimonial { | |||
| 19771 | border: 0; | 25437 | border: 0; | |||
| 19772 | background-color: transparent !important; | 25438 | background-color: transparent !important; | |||
| 19773 | color: #62615e; | 25439 | color: #62615e; | |||
| 19774 | font-size: 14px; | 25440 | font-size: 14px; | |||
| 19775 | font-style: normal; | 25441 | font-style: normal; | |||
| 19776 | line-height: 24px; | 25442 | line-height: 24px; | |||
| 19777 | font-weight: 400; | 25443 | font-weight: 400; | |||
| 19778 | font-family: 'Open Sans'; | 25444 | font-family: 'Open Sans'; | |||
| 19779 | margin: 0; | 25445 | margin: 0; | |||
| 19780 | padding: 15px 70px 15px 50px; | 25446 | padding: 15px 70px 15px 50px; | |||
| 19781 | margin-top: 5px; | 25447 | margin-top: 5px; | |||
| 19782 | position: relative; | 25448 | position: relative; | |||
| 19783 | } | 25449 | } | |||
| 19784 | blockquote.testimonial p { | 25450 | blockquote.testimonial p { | |||
| 19785 | line-height: 1.8; | 25451 | line-height: 1.8; | |||
| 19786 | margin: 0; | 25452 | margin: 0; | |||
| 19787 | } | 25453 | } | |||
| 19788 | blockquote.testimonial:before { | 25454 | blockquote.testimonial:before { | |||
| 19789 | left: 10px; | 25455 | left: 10px; | |||
| 19790 | top: 0; | 25456 | top: 0; | |||
| 19791 | content: "\201C"; | 25457 | content: "\201C"; | |||
| 19792 | font-style: normal; | 25458 | font-style: normal; | |||
| 19793 | line-height: 1; | 25459 | line-height: 1; | |||
| 19794 | position: absolute; | 25460 | position: absolute; | |||
| 19795 | color: #141a1f; | 25461 | color: #141a1f; | |||
| 19796 | font-family: 'porto'; | 25462 | font-family: 'porto'; | |||
| 19797 | font-weight: 400; | 25463 | font-weight: 400; | |||
| 19798 | font-size: 54px; | 25464 | font-size: 54px; | |||
| 19799 | } | 25465 | } | |||
| 19800 | blockquote.testimonial:after { | 25466 | blockquote.testimonial:after { | |||
| 19801 | right: 30px; | 25467 | right: 30px; | |||
| 19802 | bottom: 0; | 25468 | bottom: 0; | |||
| 19803 | content: "\201D"; | 25469 | content: "\201D"; | |||
| 19804 | font-style: normal; | 25470 | font-style: normal; | |||
| 19805 | line-height: 1; | 25471 | line-height: 1; | |||
| 19806 | position: absolute; | 25472 | position: absolute; | |||
| 19807 | color: #141a1f; | 25473 | color: #141a1f; | |||
| 19808 | font-family: 'porto'; | 25474 | font-family: 'porto'; | |||
| 19809 | font-weight: 400; | 25475 | font-weight: 400; | |||
| 19810 | font-size: 54px; | 25476 | font-size: 54px; | |||
| 19811 | transform: rotateX(180deg); | 25477 | transform: rotateX(180deg); | |||
| 19812 | } | 25478 | } | |||
| 19813 | .testimonial-arrow-down { | 25479 | .testimonial-arrow-down { | |||
| 19814 | border:15px solid transparent; | 25480 | border:15px solid transparent; | |||
| 19815 | border-top-color:#ee3d43; | 25481 | border-top-color:#ee3d43; | |||
| 19816 | border-bottom:0; | 25482 | border-bottom:0; | |||
| 19817 | height:0; | 25483 | height:0; | |||
| 19818 | margin:0 0 0 25px; | 25484 | margin:0 0 0 25px; | |||
| 19819 | width:0; | 25485 | width:0; | |||
| 19820 | } | 25486 | } | |||
| 19821 | .testimonial-author { | 25487 | .testimonial-author { | |||
| 19822 | margin: 30px 0 0 0; | 25488 | margin: 30px 0 0 0; | |||
| 19823 | padding-left: 50px; | 25489 | padding-left: 50px; | |||
| 19824 | } | 25490 | } | |||
| 19825 | .testimonial-author .img-thumbnail { | 25491 | .testimonial-author .img-thumbnail { | |||
| 19826 | float: left; | 25492 | float: left; | |||
| 19827 | margin-right: 25px; | 25493 | margin-right: 25px; | |||
| 19828 | position: relative; | 25494 | position: relative; | |||
| 19829 | line-height: 1.5; | 25495 | line-height: 1.5; | |||
| 19830 | background-color: #fff; | 25496 | background-color: #fff; | |||
| 19831 | display: inline-block; | 25497 | display: inline-block; | |||
| 19832 | max-width: 100%; | 25498 | max-width: 100%; | |||
| 19833 | height: auto; | 25499 | height: auto; | |||
| 19834 | border-radius: 50% !important; | 25500 | border-radius: 50% !important; | |||
| 19835 | } | 25501 | } | |||
| 19836 | .testimonial-author .img-thumbnail img { | 25502 | .testimonial-author .img-thumbnail img { | |||
| 19837 | max-width:60px; | 25503 | max-width:60px; | |||
| 19838 | display:inline-block; | 25504 | display:inline-block; | |||
| 19839 | height:auto; | 25505 | height:auto; | |||
| 19840 | } | 25506 | } | |||
| 19841 | .testimonial-author p { | 25507 | .testimonial-author p { | |||
| 19842 | color:#666; | 25508 | color:#666; | |||
| 19843 | margin:0 0 0 25px; | 25509 | margin:0 0 0 25px; | |||
| 19844 | text-align:left; | 25510 | text-align:left; | |||
| 19845 | line-height:24px; | 25511 | line-height:24px; | |||
| 19846 | text-transform: uppercase; | 25512 | text-transform: uppercase; | |||
| 19847 | } | 25513 | } | |||
| 19848 | .testimonial-author p >strong { | 25514 | .testimonial-author p >strong { | |||
| 19849 | color: #303539; | 25515 | color: #303539; | |||
| 19850 | display: block; | 25516 | display: block; | |||
| 19851 | padding-top: 7px; | 25517 | padding-top: 7px; | |||
| 19852 | font-size: 16px; | 25518 | font-size: 16px; | |||
| 19853 | font-family: 'Oswald'; | 25519 | font-family: 'Oswald'; | |||
| 19854 | font-weight: 400; | 25520 | font-weight: 400; | |||
| 19855 | } | 25521 | } | |||
| 19856 | .testimonial-author span { | 25522 | .testimonial-author span { | |||
| 19857 | color: #646a70; | 25523 | color: #646a70; | |||
| 19858 | display: block; | 25524 | display: block; | |||
| 19859 | font-size: 15px; | 25525 | font-size: 15px; | |||
| 19860 | font-family: 'Poppins'; | 25526 | font-family: 'Poppins'; | |||
| 19861 | text-transform: none; | 25527 | text-transform: none; | |||
| 19862 | } | 25528 | } | |||
| 19863 | .page-wrapper > .breadcrumbs { | 25529 | .page-wrapper > .breadcrumbs { | |||
| 19864 | margin: 0; | 25530 | margin: 0; | |||
| 19865 | } | 25531 | } | |||
| 19866 | .page-main { | 25532 | .page-main { | |||
| 19867 | max-width: 100%; | 25533 | max-width: 100%; | |||
| 19868 | padding: 0; | 25534 | padding: 0; | |||
| 19869 | } | 25535 | } | |||
| 19870 | @media (min-width:1200px) { | 25536 | @media (min-width:1200px) { | |||
| 19871 | body.layout-fullwidth .page-wrapper > .breadcrumbs .items { | 25537 | body.layout-fullwidth .page-wrapper > .breadcrumbs .items { | |||
| 19872 | padding-left: 25px; | 25538 | padding-left: 25px; | |||
| 19873 | padding-right: 25px; | 25539 | padding-right: 25px; | |||
| 19874 | } | 25540 | } | |||
| 19875 | } | 25541 | } | |||
| 19876 | </style>]]> | 25542 | </style>]]> | |||
| 19877 | </content> | 25543 | </content> | |||
| 19878 | 25544 | |||||
| 19879 | <is_active> | 25545 | <is_active> | |||
| 19880 | 1 | 25546 | 1 | |||
| 19881 | </is_active> | 25547 | </is_active> | |||
| 19882 | 25548 | |||||
| 19883 | <page_layout> | 25549 | <page_layout> | |||
| 19884 | 1column | 25550 | 1column | |||
| 19885 | </page_layout> | 25551 | </page_layout> | |||
| 19886 | 25552 | |||||
| 19887 | <layout_update_xml> | 25553 | <layout_update_xml> | |||
| 19888 | <![CDATA[<referenceContainer name="page.top"> | 25554 | <![CDATA[<referenceContainer name="page.top"> | |||
| 19889 | <block class="Magento\Cms\Block\Block" name="top_banner"> | 25555 | <block class="Magento\Cms\Block\Block" name="top_banner"> | |||
| 19890 | <arguments> | 25556 | <arguments> | |||
| 19891 | <argument name="block_id" xsi:type="string">porto_about_us_13_top_block</argument> | 25557 | <argument name="block_id" xsi:type="string">porto_about_us_13_top_block</argument> | |||
| 19892 | </arguments> | 25558 | </arguments> | |||
| 19893 | </block> | 25559 | </block> | |||
| 19894 | </referenceContainer>]]> | 25560 | </referenceContainer>]]> | |||
| 19895 | </layout_update_xml> | 25561 | </layout_update_xml> | |||
| 19896 | 25562 | |||||
| 19897 | </cms_item> | 25563 | </cms_item> | |||
| 19898 | 25564 | |||||
| 19899 | <cms_item> | 25565 | <cms_item> | |||
| 19900 | 25566 | |||||
| 19901 | <title> | 25567 | <title> | |||
| 19902 | Porto - About Us 15 | 25568 | Porto - About Us 15 | |||
| 19903 | </title> | 25569 | </title> | |||
| 19904 | 25570 | |||||
| 19905 | <identifier> | 25571 | <identifier> | |||
| 19906 | about-porto-15 | 25572 | about-porto-15 | |||
| 19907 | </identifier> | 25573 | </identifier> | |||
| 19908 | 25574 | |||||
| 19909 | <content> | 25575 | <content> | |||
| 19910 | <![CDATA[<div style="background:url({{media url="wysiwyg/smartwave/porto/aboutus/15/top-bg.jpg"}}) bottom no-repeat;background-size: cover;text-align: left;padding: 190px 0 180px;"> | 25576 | <![CDATA[<div style="background:url({{media url="wysiwyg/smartwave/porto/aboutus/15/top-bg.jpg"}}) bottom no-repeat;background-size: cover;text-align: left;padding: 190px 0 180px;"> | |||
| 19911 | <div class="container"> | 25577 | <div class="container"> | |||
| 19912 | <em style="font-family:'Oswald';font-size:24px;font-weight:300;color:#161616;font-style: normal;line-height:1;display:block;margin-bottom:5px;padding-left:50px;">CHECK OUR</em> | 25578 | <em style="font-family:'Oswald';font-size:24px;font-weight:300;color:#161616;font-style: normal;line-height:1;display:block;margin-bottom:5px;padding-left:50px;">CHECK OUR</em> | |||
| 19913 | <h2 style="font-family:'Open Sans';font-size:34px;font-weight:800;color:#161616;font-style:normal;line-height:1;margin:0;padding-left:50px;">HISTORY</h2> | 25579 | <h2 style="font-family:'Open Sans';font-size:34px;font-weight:800;color:#161616;font-style:normal;line-height:1;margin:0;padding-left:50px;">HISTORY</h2> | |||
| 19914 | </div> | 25580 | </div> | |||
| 19915 | </div> | 25581 | </div> | |||
| 19916 | <div class="content-row" style="background-color:#f4f4f2;padding-top:95px;padding-bottom:90px;"> | 25582 | <div class="content-row" style="background-color:#f4f4f2;padding-top:95px;padding-bottom:90px;"> | |||
| 19917 | <div class="container"> | 25583 | <div class="container"> | |||
| 19918 | <h2 style="text-align:center;"><em>WHAT WE ARE</em>ABOUT US</h2> | 25584 | <h2 style="text-align:center;"><em>WHAT WE ARE</em>ABOUT US</h2> | |||
| 19919 | <p style="max-width:760px;margin:0 auto;text-align:center;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages</p> | 25585 | <p style="max-width:760px;margin:0 auto;text-align:center;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages</p> | |||
| 19920 | </div> | 25586 | </div> | |||
| 19921 | </div> | 25587 | </div> | |||
| 19922 | <div class="content-row" style="background:url({{media url="wysiwyg/smartwave/porto/aboutus/15/middle-bg.jpg"}}) 30% top no-repeat;background-size:cover;padding-top:100px;padding-bottom:50px;"> | 25588 | <div class="content-row" style="background:url({{media url="wysiwyg/smartwave/porto/aboutus/15/middle-bg.jpg"}}) 30% top no-repeat;background-size:cover;padding-top:100px;padding-bottom:50px;"> | |||
| 19923 | <div class="container"> | 25589 | <div class="container"> | |||
| 19924 | <div class="row"> | 25590 | <div class="row"> | |||
| 19925 | <div class="col-lg-7 offset-lg-5"> | 25591 | <div class="col-lg-7 offset-lg-5"> | |||
| 19926 | <h2><em>SPECIALITY</em>WHY CHOOSE US</h2> | 25592 | <h2><em>SPECIALITY</em>WHY CHOOSE US</h2> | |||
| 19927 | <div class="support-block row"> | 25593 | <div class="support-block row"> | |||
| 19928 | <div class="col-lg-6"> | 25594 | <div class="col-lg-6"> | |||
| 19929 | <div class="support-item"> | 25595 | <div class="support-item"> | |||
| 19930 | <i class="porto-icon-support"></i> | 25596 | <i class="porto-icon-support"></i> | |||
| 19931 | <h3>ONLINE SUPPORT</h3> | 25597 | <h3>ONLINE SUPPORT</h3> | |||
| 19932 | <p>Lorem Ipsum is simply dummy text of the printing and typesetting. industry.</p> | 25598 | <p>Lorem Ipsum is simply dummy text of the printing and typesetting. industry.</p> | |||
| 19933 | </div> | 25599 | </div> | |||
| 19934 | </div> | 25600 | </div> | |||
| 19935 | <div class="col-lg-6"> | 25601 | <div class="col-lg-6"> | |||
| 19936 | <div class="support-item"> | 25602 | <div class="support-item"> | |||
| 19937 | <i class="porto-icon-shipping"></i> | 25603 | <i class="porto-icon-shipping"></i> | |||
| 19938 | <h3>FREE SHIPPING & RETURN</h3> | 25604 | <h3>FREE SHIPPING & RETURN</h3> | |||
| 19939 | <p>Lorem Ipsum is simply dummy text of the printing and typesetting. industry.</p> | 25605 | <p>Lorem Ipsum is simply dummy text of the printing and typesetting. industry.</p> | |||
| 19940 | </div> | 25606 | </div> | |||
| 19941 | </div> | 25607 | </div> | |||
| 19942 | <div class="col-lg-6"> | 25608 | <div class="col-lg-6"> | |||
| 19943 | <div class="support-item"> | 25609 | <div class="support-item"> | |||
| 19944 | <i class="porto-icon-money"></i> | 25610 | <i class="porto-icon-money"></i> | |||
| 19945 | <h3>MONEY BACK GUARANTEE</h3> | 25611 | <h3>MONEY BACK GUARANTEE</h3> | |||
| 19946 | <p>Lorem Ipsum is simply dummy text of the printing and typesetting. industry.</p> | 25612 | <p>Lorem Ipsum is simply dummy text of the printing and typesetting. industry.</p> | |||
| 19947 | </div> | 25613 | </div> | |||
| 19948 | </div> | 25614 | </div> | |||
| 19949 | <div class="col-lg-6"> | 25615 | <div class="col-lg-6"> | |||
| 19950 | <div class="support-item"> | 25616 | <div class="support-item"> | |||
| 19951 | <i class="porto-icon-shirt"></i> | 25617 | <i class="porto-icon-shirt"></i> | |||
| 19952 | <h3>NEW STYLES EVERY DAY</h3> | 25618 | <h3>NEW STYLES EVERY DAY</h3> | |||
| 19953 | <p>Lorem Ipsum is simply dummy text of the printing and typesetting. industry.</p> | 25619 | <p>Lorem Ipsum is simply dummy text of the printing and typesetting. industry.</p> | |||
| 19954 | </div> | 25620 | </div> | |||
| 19955 | </div> | 25621 | </div> | |||
| 19956 | </div> | 25622 | </div> | |||
| 19957 | </div> | 25623 | </div> | |||
| 19958 | </div> | 25624 | </div> | |||
| 19959 | </div> | 25625 | </div> | |||
| 19960 | </div> | 25626 | </div> | |||
| 19961 | <div class="content-row" style="background-color:#f4f4f2;padding-top:95px;padding-bottom:90px;"> | 25627 | <div class="content-row" style="background-color:#f4f4f2;padding-top:95px;padding-bottom:90px;"> | |||
| 19962 | <div class="container"> | 25628 | <div class="container"> | |||
| 19963 | <div class="row"> | 25629 | <div class="row"> | |||
| 19964 | <div class="col-lg-3"> | 25630 | <div class="col-lg-3"> | |||
| 19965 | <h2 style="margin-top:35px;"><em>OUR</em>TEAM</h2> | 25631 | <h2 style="margin-top:35px;"><em>OUR</em>TEAM</h2> | |||
| 19966 | <p style="max-width:235px;">Lorem Ipsum is simply dummy text of the printing and Lorem typesetting industry looking Ipsum has been.</p> | 25632 | <p style="max-width:235px;">Lorem Ipsum is simply dummy text of the printing and Lorem typesetting industry looking Ipsum has been.</p> | |||
| 19967 | </div> | 25633 | </div> | |||
| 19968 | <div class="col-lg-9"> | 25634 | <div class="col-lg-9"> | |||
| 19969 | <div id="member-slider-about" class="owl-carousel owl-theme"> | 25635 | <div id="member-slider-about" class="owl-carousel owl-theme"> | |||
| 19970 | <div class="item"> | 25636 | <div class="item"> | |||
| 19971 | <div class="team-member"> | 25637 | <div class="team-member"> | |||
| 19972 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-1.jpg"}}" alt=""> | 25638 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-1.jpg"}}" alt=""> | |||
| 19973 | <h5>JANE DOE</h5> | 25639 | <h5>JANE DOE</h5> | |||
| 19974 | </div> | 25640 | </div> | |||
| 19975 | </div> | 25641 | </div> | |||
| 19976 | <div class="item"> | 25642 | <div class="item"> | |||
| 19977 | <div class="team-member"> | 25643 | <div class="team-member"> | |||
| 19978 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-2.jpg"}}" alt=""> | 25644 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-2.jpg"}}" alt=""> | |||
| 19979 | <h5>JOHN DOE</h5> | 25645 | <h5>JOHN DOE</h5> | |||
| 19980 | </div> | 25646 | </div> | |||
| 19981 | </div> | 25647 | </div> | |||
| 19982 | <div class="item"> | 25648 | <div class="item"> | |||
| 19983 | <div class="team-member"> | 25649 | <div class="team-member"> | |||
| 19984 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-3.jpg"}}" alt=""> | 25650 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-3.jpg"}}" alt=""> | |||
| 19985 | <h5>GEORGE DOE</h5> | 25651 | <h5>GEORGE DOE</h5> | |||
| 19986 | </div> | 25652 | </div> | |||
| 19987 | </div> | 25653 | </div> | |||
| 19988 | <div class="item"> | 25654 | <div class="item"> | |||
| 19989 | <div class="team-member"> | 25655 | <div class="team-member"> | |||
| 19990 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-4.jpg"}}" alt=""> | 25656 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-4.jpg"}}" alt=""> | |||
| 19991 | <h5>ALICE DOE</h5> | 25657 | <h5>ALICE DOE</h5> | |||
| 19992 | </div> | 25658 | </div> | |||
| 19993 | </div> | 25659 | </div> | |||
| 19994 | </div> | 25660 | </div> | |||
| 19995 | <script type="text/javascript"> | 25661 | <script type="text/javascript"> | |||
| 19996 | require([ | 25662 | require([ | |||
| 19997 | 'jquery', | 25663 | 'jquery', | |||
| 19998 | 'owl.carousel/owl.carousel.min' | 25664 | 'owl.carousel/owl.carousel.min' | |||
| 19999 | ], function ($) { | 25665 | ], function ($) { | |||
| 20000 | $("#member-slider-about").owlCarousel({ | 25666 | $("#member-slider-about").owlCarousel({ | |||
| 20001 | autoplay: true, | 25667 | autoplay: true, | |||
| 20002 | autoplayTimeout: 5000, | 25668 | autoplayTimeout: 5000, | |||
| 20003 | autoplayHoverPause: true, | 25669 | autoplayHoverPause: true, | |||
| 20004 | margin: 0, | 25670 | margin: 0, | |||
| 20005 | nav: false, | 25671 | nav: false, | |||
| 20006 | dots: false, | 25672 | dots: false, | |||
| 20007 | navRewind: true, | 25673 | navRewind: true, | |||
| 20008 | loop: true, | 25674 | loop: true, | |||
| 20009 | navText: ["<em class='porto-icon-left-open-big'></em>","<em class='porto-icon-right-open-big'></em>"], | 25675 | navText: ["<em class='porto-icon-left-open-big'></em>","<em class='porto-icon-right-open-big'></em>"], | |||
| 20010 | responsive: { | 25676 | responsive: { | |||
| 20011 | 0: { | 25677 | 0: { | |||
| 20012 | items:1 | 25678 | items:1 | |||
| 20013 | }, | 25679 | }, | |||
| 20014 | 768: { | 25680 | 768: { | |||
| 20015 | items:2 | 25681 | items:2 | |||
| 20016 | }, | 25682 | }, | |||
| 20017 | 992: { | 25683 | 992: { | |||
| 20018 | items:3 | 25684 | items:3 | |||
| 20019 | }, | 25685 | }, | |||
| 20020 | 1200: { | 25686 | 1200: { | |||
| 20021 | items:3 | 25687 | items:3 | |||
| 20022 | } | 25688 | } | |||
| 20023 | } | 25689 | } | |||
| 20024 | }); | 25690 | }); | |||
| 20025 | }); | 25691 | }); | |||
| 20026 | </script> | 25692 | </script> | |||
| 20027 | </div> | 25693 | </div> | |||
| 20028 | </div> | 25694 | </div> | |||
| 20029 | </div> | 25695 | </div> | |||
| 20030 | </div> | 25696 | </div> | |||
| 20031 | <style type="text/css"> | 25697 | <style type="text/css"> | |||
| 20032 | .page-header.type17 { | 25698 | .page-header.type17 { | |||
| 20033 | position: absolute; | 25699 | position: absolute; | |||
| 20034 | background-color: transparent; | 25700 | background-color: transparent; | |||
| 20035 | width: 100%; | 25701 | width: 100%; | |||
| 20036 | } | 25702 | } | |||
| 20037 | .page-wrapper > .breadcrumbs { | 25703 | .page-wrapper > .breadcrumbs { | |||
| 20038 | display: none; | 25704 | display: none; | |||
| 20039 | } | 25705 | } | |||
| 20040 | .columns .column.main { | 25706 | .columns .column.main { | |||
| 20041 | padding: 0; | 25707 | padding: 0; | |||
| 20042 | } | 25708 | } | |||
| 20043 | .page-main { | 25709 | .page-main { | |||
| 20044 | max-width: 100%; | 25710 | max-width: 100%; | |||
| 20045 | padding: 0; | 25711 | padding: 0; | |||
| 20046 | } | 25712 | } | |||
| 20047 | .content-row h2 em { | 25713 | .content-row h2 em { | |||
| 20048 | display: block; | 25714 | display: block; | |||
| 20049 | font-size: 26px; | 25715 | font-size: 26px; | |||
| 20050 | font-weight: 300; | 25716 | font-weight: 300; | |||
| 20051 | font-style: normal; | 25717 | font-style: normal; | |||
| 20052 | margin-bottom: 5px; | 25718 | margin-bottom: 5px; | |||
| 20053 | } | 25719 | } | |||
| 20054 | .content-row h2 { | 25720 | .content-row h2 { | |||
| 20055 | font-size: 44px; | 25721 | font-size: 44px; | |||
| 20056 | color: #161616; | 25722 | color: #161616; | |||
| 20057 | font-family: 'Oswald'; | 25723 | font-family: 'Oswald'; | |||
| 20058 | font-weight: 400; | 25724 | font-weight: 400; | |||
| 20059 | line-height: 1; | 25725 | line-height: 1; | |||
| 20060 | margin-bottom: 35px; | 25726 | margin-bottom: 35px; | |||
| 20061 | } | 25727 | } | |||
| 20062 | .content-row p { | 25728 | .content-row p { | |||
| 20063 | font-family: 'Poppins'; | 25729 | font-family: 'Poppins'; | |||
| 20064 | font-size: 14px; | 25730 | font-size: 14px; | |||
| 20065 | line-height: 2; | 25731 | line-height: 2; | |||
| 20066 | color: #282d3b; | 25732 | color: #282d3b; | |||
| 20067 | } | 25733 | } | |||
| 20068 | .support-block .support-item { | 25734 | .support-block .support-item { | |||
| 20069 | line-height: 1.4; | 25735 | line-height: 1.4; | |||
| 20070 | margin-bottom: 50px; | 25736 | margin-bottom: 50px; | |||
| 20071 | } | 25737 | } | |||
| 20072 | .support-block .support-item:after { | 25738 | .support-block .support-item:after { | |||
| 20073 | content: ''; | 25739 | content: ''; | |||
| 20074 | display: table; | 25740 | display: table; | |||
| 20075 | clear: both; | 25741 | clear: both; | |||
| 20076 | } | 25742 | } | |||
| 20077 | .support-block .support-item > i { | 25743 | .support-block .support-item > i { | |||
| 20078 | font-size: 44px; | 25744 | font-size: 44px; | |||
| 20079 | color: #53514e; | 25745 | color: #53514e; | |||
| 20080 | float: left; | 25746 | float: left; | |||
| 20081 | margin: -5px 15px 0 -10px; | 25747 | margin: -5px 15px 0 -10px; | |||
| 20082 | } | 25748 | } | |||
| 20083 | .support-block .support-item > h3 { | 25749 | .support-block .support-item > h3 { | |||
| 20084 | color: #141a1f; | 25750 | color: #141a1f; | |||
| 20085 | font-family: 'Poppins'; | 25751 | font-family: 'Poppins'; | |||
| 20086 | font-size: 18px; | 25752 | font-size: 18px; | |||
| 20087 | font-weight: 500; | 25753 | font-weight: 500; | |||
| 20088 | margin: 10px 0; | 25754 | margin: 10px 0; | |||
| 20089 | white-space: nowrap; | 25755 | white-space: nowrap; | |||
| 20090 | text-overflow: ellipsis; | 25756 | text-overflow: ellipsis; | |||
| 20091 | overflow: hidden; | 25757 | overflow: hidden; | |||
| 20092 | } | 25758 | } | |||
| 20093 | .support-block .support-item > p { | 25759 | .support-block .support-item > p { | |||
| 20094 | margin: 0; | 25760 | margin: 0; | |||
| 20095 | font-size: 15px; | 25761 | font-size: 15px; | |||
| 20096 | font-weight: 400; | 25762 | font-weight: 400; | |||
| 20097 | color: #646a70; | 25763 | color: #646a70; | |||
| 20098 | line-height: 1.8; | 25764 | line-height: 1.8; | |||
| 20099 | margin-left: 68px; | 25765 | margin-left: 68px; | |||
| 20100 | display: -webkit-box; | 25766 | display: -webkit-box; | |||
| 20101 | -webkit-box-orient: vertical; | 25767 | -webkit-box-orient: vertical; | |||
| 20102 | -webkit-line-clamp: 3; | 25768 | -webkit-line-clamp: 3; | |||
| 20103 | overflow: hidden; | 25769 | overflow: hidden; | |||
| 20104 | max-height: 81px; | 25770 | max-height: 81px; | |||
| 20105 | } | 25771 | } | |||
| 20106 | .team-member { | 25772 | .team-member { | |||
| 20107 | background-color: #fff; | 25773 | background-color: #fff; | |||
| 20108 | } | 25774 | } | |||
| 20109 | .team-member img { | 25775 | .team-member img { | |||
| 20110 | width: 100%; | 25776 | width: 100%; | |||
| 20111 | display: block; | 25777 | display: block; | |||
| 20112 | } | 25778 | } | |||
| 20113 | .team-member h5 { | 25779 | .team-member h5 { | |||
| 20114 | padding: 30px 0; | 25780 | padding: 30px 0; | |||
| 20115 | text-align: center; | 25781 | text-align: center; | |||
| 20116 | font-family: 'Oswald'; | 25782 | font-family: 'Oswald'; | |||
| 20117 | font-size: 16px; | 25783 | font-size: 16px; | |||
| 20118 | line-height: 1; | 25784 | line-height: 1; | |||
| 20119 | color: #111; | 25785 | color: #111; | |||
| 20120 | font-weight: 400; | 25786 | font-weight: 400; | |||
| 20121 | margin: 0; | 25787 | margin: 0; | |||
| 20122 | } | 25788 | } | |||
| 20123 | #member-slider-about .item { | 25789 | #member-slider-about .item { | |||
| 20124 | padding: 0 15px; | 25790 | padding: 0 15px; | |||
| 20125 | } | 25791 | } | |||
| 20126 | #member-slider-about { | 25792 | #member-slider-about { | |||
| 20127 | margin: 0 -15px; | 25793 | margin: 0 -15px; | |||
| 20128 | } | 25794 | } | |||
| 20129 | </style>]]> | 25795 | </style>]]> | |||
| 20130 | </content> | 25796 | </content> | |||
| 20131 | 25797 | |||||
| 20132 | <is_active> | 25798 | <is_active> | |||
| 20133 | 1 | 25799 | 1 | |||
| 20134 | </is_active> | 25800 | </is_active> | |||
| 20135 | 25801 | |||||
| 20136 | <page_layout> | 25802 | <page_layout> | |||
| 20137 | 1column | 25803 | 1column | |||
| 20138 | </page_layout> | 25804 | </page_layout> | |||
| 20139 | 25805 | |||||
| 20140 | <layout_update_xml> | 25806 | <layout_update_xml> | |||
| 20141 | <![CDATA[]]> | 25807 | <![CDATA[]]> | |||
| 20142 | </layout_update_xml> | 25808 | </layout_update_xml> | |||
| 20143 | 25809 | |||||
| 20144 | </cms_item> | 25810 | </cms_item> | |||
| 20145 | 25811 | |||||
| 20146 | <cms_item> | 25812 | <cms_item> | |||
| 20147 | 25813 | |||||
| 20148 | <title> | 25814 | <title> | |||
| 20149 | Porto - About Us 18 | 25815 | Porto - About Us 18 | |||
| 20150 | </title> | 25816 | </title> | |||
| 20151 | 25817 | |||||
| 20152 | <identifier> | 25818 | <identifier> | |||
| 20153 | about-porto-18 | 25819 | about-porto-18 | |||
| 20154 | </identifier> | 25820 | </identifier> | |||
| 20155 | 25821 | |||||
| 20156 | <content> | 25822 | <content> | |||
| 20157 | <![CDATA[<div class="content-row" style="padding-top:55px;padding-bottom:80px;"> | 25823 | <![CDATA[<div class="content-row" style="padding-top:55px;padding-bottom:80px;"> | |||
| 20158 | <div class="row"> | 25824 | <div class="row"> | |||
| 20159 | <div class="col-xl-4"> | 25825 | <div class="col-xl-4"> | |||
| 20160 | <h2>ABOUT US</h2> | 25826 | <h2>ABOUT US</h2> | |||
| 20161 | <h4>Lorem Ipsum is simply dummy text of the printing and typesetting industry. has been the industry's</h4> | 25827 | <h4>Lorem Ipsum is simply dummy text of the printing and typesetting industry. has been the industry's</h4> | |||
| 20162 | <p>long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</p> | 25828 | <p>long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</p> | |||
| 20163 | </div> | 25829 | </div> | |||
| 20164 | <div class="col-xl-8"> | 25830 | <div class="col-xl-8"> | |||
| 20165 | <div class="row"> | 25831 | <div class="row"> | |||
| 20166 | <div class="col-md-5"> | 25832 | <div class="col-md-5"> | |||
| 20167 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/18/aboutus.jpg"}}" alt="" style="width:95%;display:block;margin:25px auto;" /> | 25833 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/18/aboutus.jpg"}}" alt="" style="width:95%;display:block;margin:25px auto;" /> | |||
| 20168 | </div> | 25834 | </div> | |||
| 20169 | <div class="col-md-7"> | 25835 | <div class="col-md-7"> | |||
| 20170 | <div class="history-accordion"> | 25836 | <div class="history-accordion"> | |||
| 20171 | <ul> | 25837 | <ul> | |||
| 20172 | <li class="active"> | 25838 | <li class="active"> | |||
| 20173 | <div class="history-title">Company History</div> | 25839 | <div class="history-title">Company History</div> | |||
| 20174 | <div class="history-content" style="display: block;"> | 25840 | <div class="history-content" style="display: block;"> | |||
| 20175 | leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop. | 25841 | leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop. | |||
| 20176 | </div> | 25842 | </div> | |||
| 20177 | </li> | 25843 | </li> | |||
| 20178 | <li class=""> | 25844 | <li class=""> | |||
| 20179 | <div class="history-title">Our Vision</div> | 25845 | <div class="history-title">Our Vision</div> | |||
| 20180 | <div class="history-content" style="display: none;"> | 25846 | <div class="history-content" style="display: none;"> | |||
| 20181 | leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop. | 25847 | leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop. | |||
| 20182 | </div> | 25848 | </div> | |||
| 20183 | </li> | 25849 | </li> | |||
| 20184 | <li class=""> | 25850 | <li class=""> | |||
| 20185 | <div class="history-title">Our Mission</div> | 25851 | <div class="history-title">Our Mission</div> | |||
| 20186 | <div class="history-content" style="display: none;"> | 25852 | <div class="history-content" style="display: none;"> | |||
| 20187 | leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop. | 25853 | leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop. | |||
| 20188 | </div> | 25854 | </div> | |||
| 20189 | </li> | 25855 | </li> | |||
| 20190 | <li class=""> | 25856 | <li class=""> | |||
| 20191 | <div class="history-title">Funfacts</div> | 25857 | <div class="history-title">Funfacts</div> | |||
| 20192 | <div class="history-content" style="display: none;"> | 25858 | <div class="history-content" style="display: none;"> | |||
| 20193 | leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop. | 25859 | leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop. | |||
| 20194 | </div> | 25860 | </div> | |||
| 20195 | </li> | 25861 | </li> | |||
| 20196 | </ul> | 25862 | </ul> | |||
| 20197 | </div> | 25863 | </div> | |||
| 20198 | <script type="text/javascript"> | 25864 | <script type="text/javascript"> | |||
| 20199 | require([ | 25865 | require([ | |||
| 20200 | 'jquery', | 25866 | 'jquery', | |||
| 20201 | 'owl.carousel/owl.carousel.min' | 25867 | 'owl.carousel/owl.carousel.min' | |||
| 20202 | ], function ($) { | 25868 | ], function ($) { | |||
| 20203 | $(document).ready(function(){ | 25869 | $(document).ready(function(){ | |||
| 20204 | $(".history-accordion .history-title").off("click").on("click",function(){ | 25870 | $(".history-accordion .history-title").off("click").on("click",function(){ | |||
| 20205 | if(!$(this).parent().hasClass("active")) { | 25871 | if(!$(this).parent().hasClass("active")) { | |||
| 20206 | $(this).parent().parent().children("li.active").children(".history-content").slideUp(); | 25872 | $(this).parent().parent().children("li.active").children(".history-content").slideUp(); | |||
| 20207 | $(this).parent().parent().children("li.active").removeClass("active"); | 25873 | $(this).parent().parent().children("li.active").removeClass("active"); | |||
| 20208 | $(this).parent().addClass("active"); | 25874 | $(this).parent().addClass("active"); | |||
| 20209 | $(this).parent().children(".history-content").slideDown(); | 25875 | $(this).parent().children(".history-content").slideDown(); | |||
| 20210 | } else { | 25876 | } else { | |||
| 20211 | $(this).parent().removeClass("active"); | 25877 | $(this).parent().removeClass("active"); | |||
| 20212 | $(this).parent().children(".history-content").slideUp(); | 25878 | $(this).parent().children(".history-content").slideUp(); | |||
| 20213 | } | 25879 | } | |||
| 20214 | }); | 25880 | }); | |||
| 20215 | }); | 25881 | }); | |||
| 20216 | }); | 25882 | }); | |||
| 20217 | </script> | 25883 | </script> | |||
| 20218 | </div> | 25884 | </div> | |||
| 20219 | </div> | 25885 | </div> | |||
| 20220 | </div> | 25886 | </div> | |||
| 20221 | </div> | 25887 | </div> | |||
| 20222 | </div> | 25888 | </div> | |||
| 20223 | <div class="content-row fullwidth-row" style="background-color:#efefef;padding:80px 0;"> | 25889 | <div class="content-row fullwidth-row" style="background-color:#efefef;padding:80px 0;"> | |||
| 20224 | <div class="container"> | 25890 | <div class="container"> | |||
| 20225 | <h2 style="margin-bottom:40px;">OUR TEAM</h2> | 25891 | <h2 style="margin-bottom:40px;">OUR TEAM</h2> | |||
| 20226 | <div class="row"> | 25892 | <div class="row"> | |||
| 20227 | <div class="col-md-3 col-sm-6"> | 25893 | <div class="col-md-3 col-sm-6"> | |||
| 20228 | <div class="team-member"> | 25894 | <div class="team-member"> | |||
| 20229 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-1.jpg"}}" alt=""> | 25895 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-1.jpg"}}" alt=""> | |||
| 20230 | <h5>JANE DOE</h5> | 25896 | <h5>JANE DOE</h5> | |||
| 20231 | </div> | 25897 | </div> | |||
| 20232 | </div> | 25898 | </div> | |||
| 20233 | <div class="col-md-3 col-sm-6"> | 25899 | <div class="col-md-3 col-sm-6"> | |||
| 20234 | <div class="team-member"> | 25900 | <div class="team-member"> | |||
| 20235 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-2.jpg"}}" alt=""> | 25901 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-2.jpg"}}" alt=""> | |||
| 20236 | <h5>JOHN DOE</h5> | 25902 | <h5>JOHN DOE</h5> | |||
| 20237 | </div> | 25903 | </div> | |||
| 20238 | </div> | 25904 | </div> | |||
| 20239 | <div class="col-md-3 col-sm-6"> | 25905 | <div class="col-md-3 col-sm-6"> | |||
| 20240 | <div class="team-member"> | 25906 | <div class="team-member"> | |||
| 20241 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-3.jpg"}}" alt=""> | 25907 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-3.jpg"}}" alt=""> | |||
| 20242 | <h5>GEORGE DOE</h5> | 25908 | <h5>GEORGE DOE</h5> | |||
| 20243 | </div> | 25909 | </div> | |||
| 20244 | </div> | 25910 | </div> | |||
| 20245 | <div class="col-md-3 col-sm-6"> | 25911 | <div class="col-md-3 col-sm-6"> | |||
| 20246 | <div class="team-member"> | 25912 | <div class="team-member"> | |||
| 20247 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-4.jpg"}}" alt=""> | 25913 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-4.jpg"}}" alt=""> | |||
| 20248 | <h5>ALICE DOE</h5> | 25914 | <h5>ALICE DOE</h5> | |||
| 20249 | </div> | 25915 | </div> | |||
| 20250 | </div> | 25916 | </div> | |||
| 20251 | </div> | 25917 | </div> | |||
| 20252 | <button class="btn" style="font-family: 'Oswald';font-weight: 400;font-size: 14px;color: #fff;background-color: #515151;padding: 10px 20px;border-radius: 3px;display: block;margin: 0 auto;margin-top:50px;border: 0;line-height: 1.5;height: auto;">JOIN OUR TEAM</button> | 25918 | <button class="btn" style="font-family: 'Oswald';font-weight: 400;font-size: 14px;color: #fff;background-color: #515151;padding: 10px 20px;border-radius: 3px;display: block;margin: 0 auto;margin-top:50px;border: 0;line-height: 1.5;height: auto;">JOIN OUR TEAM</button> | |||
| 20253 | </div> | 25919 | </div> | |||
| 20254 | </div> | 25920 | </div> | |||
| 20255 | <div class="content-row" style="padding-top:75px;padding-bottom:75px;text-align:center;"> | 25921 | <div class="content-row" style="padding-top:75px;padding-bottom:75px;text-align:center;"> | |||
| 20256 | <h2>TESTIMONIALS</h2> | 25922 | <h2>TESTIMONIALS</h2> | |||
| 20257 | <div id="testimonials-slider" class="owl-carousel owl-theme"> | 25923 | <div id="testimonials-slider" class="owl-carousel owl-theme"> | |||
| 20258 | <div class="item"> | 25924 | <div class="item"> | |||
| 20259 | <blockquote class="testimonial"> | 25925 | <blockquote class="testimonial"> | |||
| 20260 | <p>Long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here</p> | 25926 | <p>Long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here</p> | |||
| 20261 | </blockquote> | 25927 | </blockquote> | |||
| 20262 | <div class="testimonial-author"> | 25928 | <div class="testimonial-author"> | |||
| 20263 | <div class="img-thumbnail img-thumbnail-small"><img width="60" height="60" src="{{media url="wysiwyg/smartwave/porto/aboutus/4/client1.png"}}" alt=""/></div> | 25929 | <div class="img-thumbnail img-thumbnail-small"><img width="60" height="60" src="{{media url="wysiwyg/smartwave/porto/aboutus/4/client1.png"}}" alt=""/></div> | |||
| 20264 | <p><strong>John Doe</strong><span>Porto SEO</span></p> | 25930 | <p><strong>John Doe</strong><span>Porto SEO</span></p> | |||
| 20265 | </div> | 25931 | </div> | |||
| 20266 | </div> | 25932 | </div> | |||
| 20267 | <div class="item"> | 25933 | <div class="item"> | |||
| 20268 | <blockquote class="testimonial"> | 25934 | <blockquote class="testimonial"> | |||
| 20269 | <p>Long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here</p> | 25935 | <p>Long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here</p> | |||
| 20270 | </blockquote> | 25936 | </blockquote> | |||
| 20271 | <div class="testimonial-author"> | 25937 | <div class="testimonial-author"> | |||
| 20272 | <div class="img-thumbnail img-thumbnail-small"><img width="60" height="60" src="{{media url="wysiwyg/smartwave/porto/aboutus/4/client2.png"}}" alt=""/></div> | 25938 | <div class="img-thumbnail img-thumbnail-small"><img width="60" height="60" src="{{media url="wysiwyg/smartwave/porto/aboutus/4/client2.png"}}" alt=""/></div> | |||
| 20273 | <p><strong>Brenda DOE</strong><span>Porto Founder</span></p> | 25939 | <p><strong>Brenda DOE</strong><span>Porto Founder</span></p> | |||
| 20274 | </div> | 25940 | </div> | |||
| 20275 | </div> | 25941 | </div> | |||
| 20276 | </div> | 25942 | </div> | |||
| 20277 | <script type="text/javascript"> | 25943 | <script type="text/javascript"> | |||
| 20278 | require([ | 25944 | require([ | |||
| 20279 | 'jquery', | 25945 | 'jquery', | |||
| 20280 | 'owl.carousel/owl.carousel.min' | 25946 | 'owl.carousel/owl.carousel.min' | |||
| 20281 | ], function ($) { | 25947 | ], function ($) { | |||
| 20282 | $("#testimonials-slider").owlCarousel({ | 25948 | $("#testimonials-slider").owlCarousel({ | |||
| 20283 | items: 1, | 25949 | items: 1, | |||
| 20284 | autoplay: true, | 25950 | autoplay: true, | |||
| 20285 | autoplayTimeout: 5000, | 25951 | autoplayTimeout: 5000, | |||
| 20286 | autoplayHoverPause: true, | 25952 | autoplayHoverPause: true, | |||
| 20287 | margin: 0, | 25953 | margin: 0, | |||
| 20288 | nav: false, | 25954 | nav: false, | |||
| 20289 | dots: false, | 25955 | dots: false, | |||
| 20290 | navRewind: true, | 25956 | navRewind: true, | |||
| 20291 | loop: true, | 25957 | loop: true, | |||
| 20292 | navText: ["<em class='porto-icon-left-open-big'></em>","<em class='porto-icon-right-open-big'></em>"] | 25958 | navText: ["<em class='porto-icon-left-open-big'></em>","<em class='porto-icon-right-open-big'></em>"] | |||
| 20293 | }); | 25959 | }); | |||
| 20294 | }); | 25960 | }); | |||
| 20295 | </script> | 25961 | </script> | |||
| 20296 | </div> | 25962 | </div> | |||
| 20297 | <style type="text/css"> | 25963 | <style type="text/css"> | |||
| 20298 | .page-wrapper >.breadcrumbs { | 25964 | .page-wrapper >.breadcrumbs { | |||
| 20299 | display: none; | 25965 | display: none; | |||
| 20300 | } | 25966 | } | |||
| 20301 | .content-row h2 { | 25967 | .content-row h2 { | |||
| 20302 | font-family: 'Oswald'; | 25968 | font-family: 'Oswald'; | |||
| 20303 | font-size: 24px; | 25969 | font-size: 24px; | |||
| 20304 | font-weight: 400; | 25970 | font-weight: 400; | |||
| 20305 | line-height: 1; | 25971 | line-height: 1; | |||
| 20306 | color: #141a1f; | 25972 | color: #141a1f; | |||
| 20307 | margin-bottom: 25px; | 25973 | margin-bottom: 25px; | |||
| 20308 | } | 25974 | } | |||
| 20309 | .content-row h4 { | 25975 | .content-row h4 { | |||
| 20310 | font-family: 'Poppins'; | 25976 | font-family: 'Poppins'; | |||
| 20311 | font-size: 18px; | 25977 | font-size: 18px; | |||
| 20312 | font-weight: 400; | 25978 | font-weight: 400; | |||
| 20313 | line-height: 1.8; | 25979 | line-height: 1.8; | |||
| 20314 | color: #282d3b; | 25980 | color: #282d3b; | |||
| 20315 | margin-bottom: 30px; | 25981 | margin-bottom: 30px; | |||
| 20316 | } | 25982 | } | |||
| 20317 | .content-row p { | 25983 | .content-row p { | |||
| 20318 | font-family: 'Poppins'; | 25984 | font-family: 'Poppins'; | |||
| 20319 | font-size: 14px; | 25985 | font-size: 14px; | |||
| 20320 | font-weight: 400; | 25986 | font-weight: 400; | |||
| 20321 | line-height: 2; | 25987 | line-height: 2; | |||
| 20322 | color: #5e6065; | 25988 | color: #5e6065; | |||
| 20323 | margin-bottom: 0; | 25989 | margin-bottom: 0; | |||
| 20324 | } | 25990 | } | |||
| 20325 | @media (min-width: 1200px) { | 25991 | @media (min-width: 1200px) { | |||
| 20326 | .col-xl-4 { | 25992 | .col-xl-4 { | |||
| 20327 | -webkit-flex: 0 0 37.5%; | 25993 | -webkit-flex: 0 0 37.5%; | |||
| 20328 | -moz-flex: 0 0 37.5%; | 25994 | -moz-flex: 0 0 37.5%; | |||
| 20329 | -ms-flex: 0 0 37.5%; | 25995 | -ms-flex: 0 0 37.5%; | |||
| 20330 | flex: 0 0 37.5%; | 25996 | flex: 0 0 37.5%; | |||
| 20331 | max-width: 37.5%; | 25997 | max-width: 37.5%; | |||
| 20332 | } | 25998 | } | |||
| 20333 | .col-xl-8 { | 25999 | .col-xl-8 { | |||
| 20334 | -webkit-flex: 0 0 62.5%; | 26000 | -webkit-flex: 0 0 62.5%; | |||
| 20335 | -moz-flex: 0 0 62.5%; | 26001 | -moz-flex: 0 0 62.5%; | |||
| 20336 | -ms-flex: 0 0 62.5%; | 26002 | -ms-flex: 0 0 62.5%; | |||
| 20337 | flex: 0 0 62.5%; | 26003 | flex: 0 0 62.5%; | |||
| 20338 | max-width: 62.5%; | 26004 | max-width: 62.5%; | |||
| 20339 | } | 26005 | } | |||
| 20340 | } | 26006 | } | |||
| 20341 | .history-accordion > ul { | 26007 | .history-accordion > ul { | |||
| 20342 | list-style: none; | 26008 | list-style: none; | |||
| 20343 | padding: 0; | 26009 | padding: 0; | |||
| 20344 | margin: 0; | 26010 | margin: 0; | |||
| 20345 | } | 26011 | } | |||
| 20346 | .history-accordion li { | 26012 | .history-accordion li { | |||
| 20347 | margin: 0; | 26013 | margin: 0; | |||
| 20348 | } | 26014 | } | |||
| 20349 | .history-accordion .history-title { | 26015 | .history-accordion .history-title { | |||
| 20350 | font-family: 'Poppins'; | 26016 | font-family: 'Poppins'; | |||
| 20351 | font-size: 18px; | 26017 | font-size: 18px; | |||
| 20352 | font-weight: 500; | 26018 | font-weight: 500; | |||
| 20353 | color: #282d3b; | 26019 | color: #282d3b; | |||
| 20354 | padding: 15px 0; | 26020 | padding: 15px 0; | |||
| 20355 | position: relative; | 26021 | position: relative; | |||
| 20356 | cursor: pointer; | 26022 | cursor: pointer; | |||
| 20357 | } | 26023 | } | |||
| 20358 | .history-accordion .history-title:after { | 26024 | .history-accordion .history-title:after { | |||
| 20359 | content: "\f882"; | 26025 | content: "\f882"; | |||
| 20360 | font-family: 'porto-icons'; | 26026 | font-family: 'porto-icons'; | |||
| 20361 | font-size: 8px; | 26027 | font-size: 8px; | |||
| 20362 | line-height: 16px; | 26028 | line-height: 16px; | |||
| 20363 | width: 16px; | 26029 | width: 16px; | |||
| 20364 | text-align: center; | 26030 | text-align: center; | |||
| 20365 | display: block; | 26031 | display: block; | |||
| 20366 | position: absolute; | 26032 | position: absolute; | |||
| 20367 | right: 0; | 26033 | right: 0; | |||
| 20368 | top: 17px; | 26034 | top: 17px; | |||
| 20369 | color: #fff; | 26035 | color: #fff; | |||
| 20370 | background-color: #929292; | 26036 | background-color: #929292; | |||
| 20371 | border-radius: 50%; | 26037 | border-radius: 50%; | |||
| 20372 | } | 26038 | } | |||
| 20373 | .history-accordion li.active .history-title:after { | 26039 | .history-accordion li.active .history-title:after { | |||
| 20374 | background-color: #282d3b; | 26040 | background-color: #282d3b; | |||
| 20375 | content: "\f883"; | 26041 | content: "\f883"; | |||
| 20376 | } | 26042 | } | |||
| 20377 | .history-accordion .history-content { | 26043 | .history-accordion .history-content { | |||
| 20378 | font-family: 'Poppins'; | 26044 | font-family: 'Poppins'; | |||
| 20379 | font-size: 14px; | 26045 | font-size: 14px; | |||
| 20380 | font-weight: 400; | 26046 | font-weight: 400; | |||
| 20381 | line-height: 2; | 26047 | line-height: 2; | |||
| 20382 | color: #5e6065; | 26048 | color: #5e6065; | |||
| 20383 | padding: 20px 0; | 26049 | padding: 20px 0; | |||
| 20384 | } | 26050 | } | |||
| 20385 | .team-member { | 26051 | .team-member { | |||
| 20386 | background-color: #fff; | 26052 | background-color: #fff; | |||
| 20387 | } | 26053 | } | |||
| 20388 | .team-member img { | 26054 | .team-member img { | |||
| 20389 | width: 100%; | 26055 | width: 100%; | |||
| 20390 | display: block; | 26056 | display: block; | |||
| 20391 | } | 26057 | } | |||
| 20392 | .team-member h5 { | 26058 | .team-member h5 { | |||
| 20393 | padding: 30px 0; | 26059 | padding: 30px 0; | |||
| 20394 | text-align: center; | 26060 | text-align: center; | |||
| 20395 | font-family: 'Oswald'; | 26061 | font-family: 'Oswald'; | |||
| 20396 | font-size: 16px; | 26062 | font-size: 16px; | |||
| 20397 | line-height: 1; | 26063 | line-height: 1; | |||
| 20398 | color: #111; | 26064 | color: #111; | |||
| 20399 | font-weight: 400; | 26065 | font-weight: 400; | |||
| 20400 | margin: 0; | 26066 | margin: 0; | |||
| 20401 | } | 26067 | } | |||
| 20402 | blockquote.testimonial { | 26068 | blockquote.testimonial { | |||
| 20403 | border: 0; | 26069 | border: 0; | |||
| 20404 | background-color: transparent !important; | 26070 | background-color: transparent !important; | |||
| 20405 | margin: 0; | 26071 | margin: 0; | |||
| 20406 | padding: 15px 50px 15px 30px; | 26072 | padding: 15px 50px 15px 30px; | |||
| 20407 | position: relative; | 26073 | position: relative; | |||
| 20408 | max-width: 650px; | 26074 | max-width: 650px; | |||
| 20409 | margin: 0 auto; | 26075 | margin: 0 auto; | |||
| 20410 | } | 26076 | } | |||
| 20411 | blockquote.testimonial p { | 26077 | blockquote.testimonial p { | |||
| 20412 | line-height: 2; | 26078 | line-height: 2; | |||
| 20413 | margin: 0; | 26079 | margin: 0; | |||
| 20414 | font-size: 16px; | 26080 | font-size: 16px; | |||
| 20415 | } | 26081 | } | |||
| 20416 | blockquote.testimonial:before { | 26082 | blockquote.testimonial:before { | |||
| 20417 | left: 10px; | 26083 | left: 10px; | |||
| 20418 | top: 0; | 26084 | top: 0; | |||
| 20419 | content: "\201C"; | 26085 | content: "\201C"; | |||
| 20420 | font-style: normal; | 26086 | font-style: normal; | |||
| 20421 | line-height: 1; | 26087 | line-height: 1; | |||
| 20422 | position: absolute; | 26088 | position: absolute; | |||
| 20423 | color: #141a1f; | 26089 | color: #141a1f; | |||
| 20424 | font-family: 'porto'; | 26090 | font-family: 'porto'; | |||
| 20425 | font-weight: 400; | 26091 | font-weight: 400; | |||
| 20426 | font-size: 30px; | 26092 | font-size: 30px; | |||
| 20427 | } | 26093 | } | |||
| 20428 | blockquote.testimonial:after { | 26094 | blockquote.testimonial:after { | |||
| 20429 | right: 30px; | 26095 | right: 30px; | |||
| 20430 | bottom: 0; | 26096 | bottom: 0; | |||
| 20431 | content: "\201D"; | 26097 | content: "\201D"; | |||
| 20432 | font-style: normal; | 26098 | font-style: normal; | |||
| 20433 | line-height: 1; | 26099 | line-height: 1; | |||
| 20434 | position: absolute; | 26100 | position: absolute; | |||
| 20435 | color: #141a1f; | 26101 | color: #141a1f; | |||
| 20436 | font-family: 'porto'; | 26102 | font-family: 'porto'; | |||
| 20437 | font-weight: 400; | 26103 | font-weight: 400; | |||
| 20438 | font-size: 30px; | 26104 | font-size: 30px; | |||
| 20439 | transform: rotateX(180deg); | 26105 | transform: rotateX(180deg); | |||
| 20440 | } | 26106 | } | |||
| 20441 | .testimonial-arrow-down { | 26107 | .testimonial-arrow-down { | |||
| 20442 | border:15px solid transparent; | 26108 | border:15px solid transparent; | |||
| 20443 | border-top-color:#ee3d43; | 26109 | border-top-color:#ee3d43; | |||
| 20444 | border-bottom:0; | 26110 | border-bottom:0; | |||
| 20445 | height:0; | 26111 | height:0; | |||
| 20446 | margin:0 0 0 25px; | 26112 | margin:0 0 0 25px; | |||
| 20447 | width:0; | 26113 | width:0; | |||
| 20448 | } | 26114 | } | |||
| 20449 | .testimonial-author { | 26115 | .testimonial-author { | |||
| 20450 | margin: 30px 0 0 0; | 26116 | margin: 30px 0 0 0; | |||
| 20451 | } | 26117 | } | |||
| 20452 | .testimonial-author .img-thumbnail { | 26118 | .testimonial-author .img-thumbnail { | |||
| 20453 | position: relative; | 26119 | position: relative; | |||
| 20454 | line-height: 1.5; | 26120 | line-height: 1.5; | |||
| 20455 | background-color: #fff; | 26121 | background-color: #fff; | |||
| 20456 | display: inline-block; | 26122 | display: inline-block; | |||
| 20457 | max-width: 100%; | 26123 | max-width: 100%; | |||
| 20458 | height: auto; | 26124 | height: auto; | |||
| 20459 | border-radius: 50% !important; | 26125 | border-radius: 50% !important; | |||
| 20460 | } | 26126 | } | |||
| 20461 | .testimonial-author .img-thumbnail img { | 26127 | .testimonial-author .img-thumbnail img { | |||
| 20462 | max-width:60px; | 26128 | max-width:60px; | |||
| 20463 | display:inline-block; | 26129 | display:inline-block; | |||
| 20464 | height:auto; | 26130 | height:auto; | |||
| 20465 | } | 26131 | } | |||
| 20466 | .testimonial-author p { | 26132 | .testimonial-author p { | |||
| 20467 | color:#666; | 26133 | color:#666; | |||
| 20468 | line-height:24px; | 26134 | line-height:24px; | |||
| 20469 | } | 26135 | } | |||
| 20470 | .testimonial-author p >strong { | 26136 | .testimonial-author p >strong { | |||
| 20471 | color: #282d3b; | 26137 | color: #282d3b; | |||
| 20472 | display: block; | 26138 | display: block; | |||
| 20473 | padding-top: 20px; | 26139 | padding-top: 20px; | |||
| 20474 | font-size: 18px; | 26140 | font-size: 18px; | |||
| 20475 | font-family: 'Poppins'; | 26141 | font-family: 'Poppins'; | |||
| 20476 | font-weight: 500; | 26142 | font-weight: 500; | |||
| 20477 | } | 26143 | } | |||
| 20478 | .testimonial-author span { | 26144 | .testimonial-author span { | |||
| 20479 | color: #5e6065; | 26145 | color: #5e6065; | |||
| 20480 | display: block; | 26146 | display: block; | |||
| 20481 | font-size: 14px; | 26147 | font-size: 14px; | |||
| 20482 | font-family: 'Poppins'; | 26148 | font-family: 'Poppins'; | |||
| 20483 | text-transform: none; | 26149 | text-transform: none; | |||
| 20484 | } | 26150 | } | |||
| 20485 | .page-main, .columns .column.main { | 26151 | .page-main, .columns .column.main { | |||
| 20486 | padding-top: 0; | 26152 | padding-top: 0; | |||
| 20487 | padding-bottom: 0; | 26153 | padding-bottom: 0; | |||
| 20488 | } | 26154 | } | |||
| 20489 | </style>]]> | 26155 | </style>]]> | |||
| 20490 | </content> | 26156 | </content> | |||
| 20491 | 26157 | |||||
| 20492 | <is_active> | 26158 | <is_active> | |||
| 20493 | 1 | 26159 | 1 | |||
| 20494 | </is_active> | 26160 | </is_active> | |||
| 20495 | 26161 | |||||
| 20496 | <page_layout> | 26162 | <page_layout> | |||
| 20497 | 1column | 26163 | 1column | |||
| 20498 | </page_layout> | 26164 | </page_layout> | |||
| 20499 | 26165 | |||||
| 20500 | <layout_update_xml> | 26166 | <layout_update_xml> | |||
| 20501 | <![CDATA[<referenceContainer name="page.top"> | 26167 | <![CDATA[<referenceContainer name="page.top"> | |||
| 20502 | <block class="Magento\Cms\Block\Block" name="top_banner"> | 26168 | <block class="Magento\Cms\Block\Block" name="top_banner"> | |||
| 20503 | <arguments> | 26169 | <arguments> | |||
| 20504 | <argument name="block_id" xsi:type="string">porto_about_us_18_top_block</argument> | 26170 | <argument name="block_id" xsi:type="string">porto_about_us_18_top_block</argument> | |||
| 20505 | </arguments> | 26171 | </arguments> | |||
| 20506 | </block> | 26172 | </block> | |||
| 20507 | </referenceContainer>]]> | 26173 | </referenceContainer>]]> | |||
| 20508 | </layout_update_xml> | 26174 | </layout_update_xml> | |||
| 20509 | 26175 | |||||
| 20510 | </cms_item> | 26176 | </cms_item> | |||
| 20511 | 26177 | |||||
| 20512 | <cms_item> | 26178 | <cms_item> | |||
| 20513 | 26179 | |||||
| 20514 | <title> | 26180 | <title> | |||
| 20515 | Porto - About Us 19 | 26181 | Porto - About Us 19 | |||
| 20516 | </title> | 26182 | </title> | |||
| 20517 | 26183 | |||||
| 20518 | <identifier> | 26184 | <identifier> | |||
| 20519 | about-porto-19 | 26185 | about-porto-19 | |||
| 20520 | </identifier> | 26186 | </identifier> | |||
| 20521 | 26187 | |||||
| 20522 | <content> | 26188 | <content> | |||
| 20523 | <![CDATA[<div class="content-row" style="padding-top:55px;"> | 26189 | <![CDATA[<div class="content-row" style="padding-top:55px;"> | |||
| 20524 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/19/top-bg.jpg"}}" style="width: 100%;" alt="" /> | 26190 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/19/top-bg.jpg"}}" style="width: 100%;" alt="" /> | |||
| 20525 | </div> | 26191 | </div> | |||
| 20526 | <div class="content-row" style="padding-top:60px;padding-bottom:65px;border-bottom:1px solid #e2e2e2;"> | 26192 | <div class="content-row" style="padding-top:60px;padding-bottom:65px;border-bottom:1px solid #e2e2e2;"> | |||
| 20527 | <h2>ABOUT US</h2> | 26193 | <h2>ABOUT US</h2> | |||
| 20528 | <p style="max-width:964px;margin:0 auto;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages</p> | 26194 | <p style="max-width:964px;margin:0 auto;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages</p> | |||
| 20529 | </div> | 26195 | </div> | |||
| 20530 | <div class="content-row" style="padding-top:77px;padding-bottom:85px;"> | 26196 | <div class="content-row" style="padding-top:77px;padding-bottom:85px;"> | |||
| 20531 | <h2 style="margin-bottom:45px;">OUR TEAM</h2> | 26197 | <h2 style="margin-bottom:45px;">OUR TEAM</h2> | |||
| 20532 | <div id="member-slider-about" class="owl-carousel owl-theme"> | 26198 | <div id="member-slider-about" class="owl-carousel owl-theme"> | |||
| 20533 | <div class="item"> | 26199 | <div class="item"> | |||
| 20534 | <div class="team-member"> | 26200 | <div class="team-member"> | |||
| 20535 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-1.jpg"}}" alt=""> | 26201 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-1.jpg"}}" alt=""> | |||
| 20536 | <h5>JANE DOE</h5> | 26202 | <h5>JANE DOE</h5> | |||
| 20537 | </div> | 26203 | </div> | |||
| 20538 | </div> | 26204 | </div> | |||
| 20539 | <div class="item"> | 26205 | <div class="item"> | |||
| 20540 | <div class="team-member"> | 26206 | <div class="team-member"> | |||
| 20541 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-2.jpg"}}" alt=""> | 26207 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-2.jpg"}}" alt=""> | |||
| 20542 | <h5>JOHN DOE</h5> | 26208 | <h5>JOHN DOE</h5> | |||
| 20543 | </div> | 26209 | </div> | |||
| 20544 | </div> | 26210 | </div> | |||
| 20545 | <div class="item"> | 26211 | <div class="item"> | |||
| 20546 | <div class="team-member"> | 26212 | <div class="team-member"> | |||
| 20547 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-3.jpg"}}" alt=""> | 26213 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-3.jpg"}}" alt=""> | |||
| 20548 | <h5>GEORGE DOE</h5> | 26214 | <h5>GEORGE DOE</h5> | |||
| 20549 | </div> | 26215 | </div> | |||
| 20550 | </div> | 26216 | </div> | |||
| 20551 | <div class="item"> | 26217 | <div class="item"> | |||
| 20552 | <div class="team-member"> | 26218 | <div class="team-member"> | |||
| 20553 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-4.jpg"}}" alt=""> | 26219 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-4.jpg"}}" alt=""> | |||
| 20554 | <h5>ALICE DOE</h5> | 26220 | <h5>ALICE DOE</h5> | |||
| 20555 | </div> | 26221 | </div> | |||
| 20556 | </div> | 26222 | </div> | |||
| 20557 | <div class="item"> | 26223 | <div class="item"> | |||
| 20558 | <div class="team-member"> | 26224 | <div class="team-member"> | |||
| 20559 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-1.jpg"}}" alt=""> | 26225 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-1.jpg"}}" alt=""> | |||
| 20560 | <h5>JANE DOE</h5> | 26226 | <h5>JANE DOE</h5> | |||
| 20561 | </div> | 26227 | </div> | |||
| 20562 | </div> | 26228 | </div> | |||
| 20563 | <div class="item"> | 26229 | <div class="item"> | |||
| 20564 | <div class="team-member"> | 26230 | <div class="team-member"> | |||
| 20565 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-2.jpg"}}" alt=""> | 26231 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-2.jpg"}}" alt=""> | |||
| 20566 | <h5>JOHN DOE</h5> | 26232 | <h5>JOHN DOE</h5> | |||
| 20567 | </div> | 26233 | </div> | |||
| 20568 | </div> | 26234 | </div> | |||
| 20569 | <div class="item"> | 26235 | <div class="item"> | |||
| 20570 | <div class="team-member"> | 26236 | <div class="team-member"> | |||
| 20571 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-3.jpg"}}" alt=""> | 26237 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-3.jpg"}}" alt=""> | |||
| 20572 | <h5>GEORGE DOE</h5> | 26238 | <h5>GEORGE DOE</h5> | |||
| 20573 | </div> | 26239 | </div> | |||
| 20574 | </div> | 26240 | </div> | |||
| 20575 | <div class="item"> | 26241 | <div class="item"> | |||
| 20576 | <div class="team-member"> | 26242 | <div class="team-member"> | |||
| 20577 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-4.jpg"}}" alt=""> | 26243 | <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-4.jpg"}}" alt=""> | |||
| 20578 | <h5>ALICE DOE</h5> | 26244 | <h5>ALICE DOE</h5> | |||
| 20579 | </div> | 26245 | </div> | |||
| 20580 | </div> | 26246 | </div> | |||
| 20581 | </div> | 26247 | </div> | |||
| 20582 | <script type="text/javascript"> | 26248 | <script type="text/javascript"> | |||
| 20583 | require([ | 26249 | require([ | |||
| 20584 | 'jquery', | 26250 | 'jquery', | |||
| 20585 | 'owl.carousel/owl.carousel.min' | 26251 | 'owl.carousel/owl.carousel.min' | |||
| 20586 | ], function ($) { | 26252 | ], function ($) { | |||
| 20587 | $("#member-slider-about").owlCarousel({ | 26253 | $("#member-slider-about").owlCarousel({ | |||
| 20588 | autoplay: true, | 26254 | autoplay: true, | |||
| 20589 | autoplayTimeout: 5000, | 26255 | autoplayTimeout: 5000, | |||
| 20590 | autoplayHoverPause: true, | 26256 | autoplayHoverPause: true, | |||
| 20591 | margin: 0, | 26257 | margin: 0, | |||
| 20592 | nav: false, | 26258 | nav: false, | |||
| 20593 | dots: false, | 26259 | dots: false, | |||
| 20594 | navRewind: true, | 26260 | navRewind: true, | |||
| 20595 | loop: true, | 26261 | loop: true, | |||
| 20596 | navText: ["<em class='porto-icon-left-open-big'></em>","<em class='porto-icon-right-open-big'></em>"], | 26262 | navText: ["<em class='porto-icon-left-open-big'></em>","<em class='porto-icon-right-open-big'></em>"], | |||
| 20597 | responsive: { | 26263 | responsive: { | |||
| 20598 | 0: { | 26264 | 0: { | |||
| 20599 | items:2 | 26265 | items:2 | |||
| 20600 | }, | 26266 | }, | |||
| 20601 | 768: { | 26267 | 768: { | |||
| 20602 | items:3 | 26268 | items:3 | |||
| 20603 | }, | 26269 | }, | |||
| 20604 | 992: { | 26270 | 992: { | |||
| 20605 | items:4 | 26271 | items:4 | |||
| 20606 | }, | 26272 | }, | |||
| 20607 | 1200: { | 26273 | 1200: { | |||
| 20608 | items:5 | 26274 | items:5 | |||
| 20609 | } | 26275 | } | |||
| 20610 | } | 26276 | } | |||
| 20611 | }); | 26277 | }); | |||
| 20612 | }); | 26278 | }); | |||
| 20613 | </script> | 26279 | </script> | |||
| 20614 | </div> | 26280 | </div> | |||
| 20615 | <div class="content-row" style="padding:75px 100px;background-color:#ededed;"> | 26281 | <div class="content-row" style="padding:75px 100px;background-color:#ededed;"> | |||
| 20616 | <h2 style="text-align: center;margin-bottom: 40px;">HAPPY BUYERS</h2> | 26282 | <h2 style="text-align: center;margin-bottom: 40px;">HAPPY BUYERS</h2> | |||
| 20617 | <div id="testimonials-slider" class="owl-carousel owl-theme"> | 26283 | <div id="testimonials-slider" class="owl-carousel owl-theme"> | |||
| 20618 | <div class="item"> | 26284 | <div class="item"> | |||
| 20619 | <div class="testimonial-author"> | 26285 | <div class="testimonial-author"> | |||
| 20620 | <div class="img-thumbnail img-thumbnail-small"><img width="60" height="60" src="{{media url="wysiwyg/smartwave/porto/aboutus/4/client1.png"}}" alt=""/></div> | 26286 | <div class="img-thumbnail img-thumbnail-small"><img width="60" height="60" src="{{media url="wysiwyg/smartwave/porto/aboutus/4/client1.png"}}" alt=""/></div> | |||
| 20621 | </div> | 26287 | </div> | |||
| 20622 | <blockquote class="testimonial"> | 26288 | <blockquote class="testimonial"> | |||
| 20623 | <p>Remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software.</p> | 26289 | <p>Remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software.</p> | |||
| 20624 | <p class="testimonial-author-detail"><strong>John Smith Doe</strong><span>CEO</span></p> | 26290 | <p class="testimonial-author-detail"><strong>John Smith Doe</strong><span>CEO</span></p> | |||
| 20625 | </blockquote> | 26291 | </blockquote> | |||
| 20626 | </div> | 26292 | </div> | |||
| 20627 | <div class="item"> | 26293 | <div class="item"> | |||
| 20628 | <div class="testimonial-author"> | 26294 | <div class="testimonial-author"> | |||
| 20629 | <div class="img-thumbnail img-thumbnail-small"><img width="60" height="60" src="{{media url="wysiwyg/smartwave/porto/aboutus/4/client2.png"}}" alt=""/></div> | 26295 | <div class="img-thumbnail img-thumbnail-small"><img width="60" height="60" src="{{media url="wysiwyg/smartwave/porto/aboutus/4/client2.png"}}" alt=""/></div> | |||
| 20630 | </div> | 26296 | </div> | |||
| 20631 | <blockquote class="testimonial"> | 26297 | <blockquote class="testimonial"> | |||
| 20632 | <p>Remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software.</p> | 26298 | <p>Remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software.</p> | |||
| 20633 | <p class="testimonial-author-detail"><strong>Bob Smith Doe</strong><span>Founder</span></p> | 26299 | <p class="testimonial-author-detail"><strong>Bob Smith Doe</strong><span>Founder</span></p> | |||
| 20634 | </blockquote> | 26300 | </blockquote> | |||
| 20635 | </div> | 26301 | </div> | |||
| 20636 | </div> | 26302 | </div> | |||
| 20637 | <script type="text/javascript"> | 26303 | <script type="text/javascript"> | |||
| 20638 | require([ | 26304 | require([ | |||
| 20639 | 'jquery', | 26305 | 'jquery', | |||
| 20640 | 'owl.carousel/owl.carousel.min' | 26306 | 'owl.carousel/owl.carousel.min' | |||
| 20641 | ], function ($) { | 26307 | ], function ($) { | |||
| 20642 | $("#testimonials-slider").owlCarousel({ | 26308 | $("#testimonials-slider").owlCarousel({ | |||
| 20643 | autoplay: true, | 26309 | autoplay: true, | |||
| 20644 | autoplayTimeout: 5000, | 26310 | autoplayTimeout: 5000, | |||
| 20645 | autoplayHoverPause: true, | 26311 | autoplayHoverPause: true, | |||
| 20646 | margin: 0, | 26312 | margin: 0, | |||
| 20647 | nav: false, | 26313 | nav: false, | |||
| 20648 | dots: false, | 26314 | dots: false, | |||
| 20649 | navRewind: true, | 26315 | navRewind: true, | |||
| 20650 | loop: true, | 26316 | loop: true, | |||
| 20651 | navText: ["<em class='porto-icon-left-open-big'></em>","<em class='porto-icon-right-open-big'></em>"], | 26317 | navText: ["<em class='porto-icon-left-open-big'></em>","<em class='porto-icon-right-open-big'></em>"], | |||
| 20652 | responsive: { | 26318 | responsive: { | |||
| 20653 | 0: { | 26319 | 0: { | |||
| 20654 | items:1 | 26320 | items:1 | |||
| 20655 | }, | 26321 | }, | |||
| 20656 | 768: { | 26322 | 768: { | |||
| 20657 | items:1 | 26323 | items:1 | |||
| 20658 | }, | 26324 | }, | |||
| 20659 | 992: { | 26325 | 992: { | |||
| 20660 | items:1 | 26326 | items:1 | |||
| 20661 | }, | 26327 | }, | |||
| 20662 | 1200: { | 26328 | 1200: { | |||
| 20663 | items:2 | 26329 | items:2 | |||
| 20664 | } | 26330 | } | |||
| 20665 | } | 26331 | } | |||
| 20666 | }); | 26332 | }); | |||
| 20667 | }); | 26333 | }); | |||
| 20668 | </script> | 26334 | </script> | |||
| 20669 | </div> | 26335 | </div> | |||
| 20670 | <div class="content-row" style="padding:75px 0 0;margin-bottom:-30px;"> | 26336 | <div class="content-row" style="padding:75px 0 0;margin-bottom:-30px;"> | |||
| 20671 | <h2 style="text-align: center;margin-bottom: 25px;">OUR PARTNERS</h2> | 26337 | <h2 style="text-align: center;margin-bottom: 25px;">OUR PARTNERS</h2> | |||
| 20672 | <div class="owl-side-narrow"> | 26338 | <div class="owl-side-narrow"> | |||
| 20673 | <div id="brands-slider-about" class="owl-carousel owl-theme"> | 26339 | <div id="brands-slider-about" class="owl-carousel owl-theme"> | |||
| 20674 | <div class="item" style="padding:10px 0;text-align:center;"> | 26340 | <div class="item" style="padding:10px 0;text-align:center;"> | |||
| 20675 | <img class="lazyOwl" alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand1.png"}}"/> | 26341 | <img class="lazyOwl" alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand1.png"}}"/> | |||
| 20676 | </div> | 26342 | </div> | |||
| 20677 | <div class="item" style="padding:10px 0;text-align:center;"> | 26343 | <div class="item" style="padding:10px 0;text-align:center;"> | |||
| 20678 | <img class="lazyOwl" alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand2.png"}}"/> | 26344 | <img class="lazyOwl" alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand2.png"}}"/> | |||
| 20679 | </div> | 26345 | </div> | |||
| 20680 | <div class="item" style="padding:10px 0;text-align:center;"> | 26346 | <div class="item" style="padding:10px 0;text-align:center;"> | |||
| 20681 | <img class="lazyOwl" alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand3.png"}}"/> | 26347 | <img class="lazyOwl" alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand3.png"}}"/> | |||
| 20682 | </div> | 26348 | </div> | |||
| 20683 | <div class="item" style="padding:10px 0;text-align:center;"> | 26349 | <div class="item" style="padding:10px 0;text-align:center;"> | |||
| 20684 | <img class="lazyOwl" alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand4.png"}}"/> | 26350 | <img class="lazyOwl" alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand4.png"}}"/> | |||
| 20685 | </div> | 26351 | </div> | |||
| 20686 | <div class="item" style="padding:10px 0;text-align:center;"> | 26352 | <div class="item" style="padding:10px 0;text-align:center;"> | |||
| 20687 | <img class="lazyOwl" alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand5.png"}}"/> | 26353 | <img class="lazyOwl" alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand5.png"}}"/> | |||
| 20688 | </div> | 26354 | </div> | |||
| 20689 | <div class="item" style="padding:10px 0;text-align:center;"> | 26355 | <div class="item" style="padding:10px 0;text-align:center;"> | |||
| 20690 | <img class="lazyOwl" alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand1.png"}}"/> | 26356 | <img class="lazyOwl" alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand1.png"}}"/> | |||
| 20691 | </div> | 26357 | </div> | |||
| 20692 | <div class="item" style="padding:10px 0;text-align:center;"> | 26358 | <div class="item" style="padding:10px 0;text-align:center;"> | |||
| 20693 | <img class="lazyOwl" alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand2.png"}}"/> | 26359 | <img class="lazyOwl" alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand2.png"}}"/> | |||
| 20694 | </div> | 26360 | </div> | |||
| 20695 | <div class="item" style="padding:10px 0;text-align:center;"> | 26361 | <div class="item" style="padding:10px 0;text-align:center;"> | |||
| 20696 | <img class="lazyOwl" alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand3.png"}}"/> | 26362 | <img class="lazyOwl" alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand3.png"}}"/> | |||
| 20697 | </div> | 26363 | </div> | |||
| 20698 | <div class="item" style="padding:10px 0;text-align:center;"> | 26364 | <div class="item" style="padding:10px 0;text-align:center;"> | |||
| 20699 | <img class="lazyOwl" alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand4.png"}}"/> | 26365 | <img class="lazyOwl" alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand4.png"}}"/> | |||
| 20700 | </div> | 26366 | </div> | |||
| 20701 | <div class="item" style="padding:10px 0;text-align:center;"> | 26367 | <div class="item" style="padding:10px 0;text-align:center;"> | |||
| 20702 | <img class="lazyOwl" alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand5.png"}}"/> | 26368 | <img class="lazyOwl" alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand5.png"}}"/> | |||
| 20703 | </div> | 26369 | </div> | |||
| 20704 | </div> | 26370 | </div> | |||
| 20705 | <script type="text/javascript"> | 26371 | <script type="text/javascript"> | |||
| 20706 | require([ | 26372 | require([ | |||
| 20707 | 'jquery', | 26373 | 'jquery', | |||
| 20708 | 'owl.carousel/owl.carousel.min' | 26374 | 'owl.carousel/owl.carousel.min' | |||
| 20709 | ], function ($) { | 26375 | ], function ($) { | |||
| 20710 | $("#brands-slider-about").owlCarousel({ | 26376 | $("#brands-slider-about").owlCarousel({ | |||
| 20711 | autoplay: true, | 26377 | autoplay: true, | |||
| 20712 | autoplayTimeout: 5000, | 26378 | autoplayTimeout: 5000, | |||
| 20713 | autoplayHoverPause: true, | 26379 | autoplayHoverPause: true, | |||
| 20714 | margin: 0, | 26380 | margin: 0, | |||
| 20715 | nav: true, | 26381 | nav: true, | |||
| 20716 | dots: false, | 26382 | dots: false, | |||
| 20717 | navRewind: true, | 26383 | navRewind: true, | |||
| 20718 | loop: true, | 26384 | loop: true, | |||
| 20719 | navText: ["<em class='porto-icon-left-open-big'></em>","<em class='porto-icon-right-open-big'></em>"], | 26385 | navText: ["<em class='porto-icon-left-open-big'></em>","<em class='porto-icon-right-open-big'></em>"], | |||
| 20720 | responsive: { | 26386 | responsive: { | |||
| 20721 | 0: { | 26387 | 0: { | |||
| 20722 | items:2 | 26388 | items:2 | |||
| 20723 | }, | 26389 | }, | |||
| 20724 | 768: { | 26390 | 768: { | |||
| 20725 | items:3 | 26391 | items:3 | |||
| 20726 | }, | 26392 | }, | |||
| 20727 | 992: { | 26393 | 992: { | |||
| 20728 | items:4 | 26394 | items:4 | |||
| 20729 | }, | 26395 | }, | |||
| 20730 | 1200: { | 26396 | 1200: { | |||
| 20731 | items:5 | 26397 | items:5 | |||
| 20732 | } | 26398 | } | |||
| 20733 | } | 26399 | } | |||
| 20734 | }); | 26400 | }); | |||
| 20735 | }); | 26401 | }); | |||
| 20736 | </script> | 26402 | </script> | |||
| 20737 | </div> | 26403 | </div> | |||
| 20738 | </div> | 26404 | </div> | |||
| 20739 | <style type="text/css"> | 26405 | <style type="text/css"> | |||
| 20740 | @media (min-width: 768px) { | 26406 | @media (min-width: 768px) { | |||
| 20741 | #maincontent.onepage-category { | 26407 | #maincontent.onepage-category { | |||
| 20742 | padding-top: 20px; | 26408 | padding-top: 20px; | |||
| 20743 | } | 26409 | } | |||
| 20744 | } | 26410 | } | |||
| 20745 | .page-wrapper > .breadcrumbs { | 26411 | .page-wrapper > .breadcrumbs { | |||
| 20746 | margin: 0; | 26412 | margin: 0; | |||
| 20747 | } | 26413 | } | |||
| 20748 | .content-row h2 { | 26414 | .content-row h2 { | |||
| 20749 | font-family: 'Oswald'; | 26415 | font-family: 'Oswald'; | |||
| 20750 | font-size: 26px; | 26416 | font-size: 26px; | |||
| 20751 | font-weight: 400; | 26417 | font-weight: 400; | |||
| 20752 | line-height: 1; | 26418 | line-height: 1; | |||
| 20753 | color: #000; | 26419 | color: #000; | |||
| 20754 | margin-bottom: 25px; | 26420 | margin-bottom: 25px; | |||
| 20755 | text-align: center; | 26421 | text-align: center; | |||
| 20756 | } | 26422 | } | |||
| 20757 | .content-row p { | 26423 | .content-row p { | |||
| 20758 | font-family: 'Poppins'; | 26424 | font-family: 'Poppins'; | |||
| 20759 | font-size: 14px; | 26425 | font-size: 14px; | |||
| 20760 | font-weight: 400; | 26426 | font-weight: 400; | |||
| 20761 | line-height: 2; | 26427 | line-height: 2; | |||
| 20762 | color: #555; | 26428 | color: #555; | |||
| 20763 | margin: 0; | 26429 | margin: 0; | |||
| 20764 | text-align: center; | 26430 | text-align: center; | |||
| 20765 | } | 26431 | } | |||
| 20766 | .team-member { | 26432 | .team-member { | |||
| 20767 | background-color: #fff; | 26433 | background-color: #fff; | |||
| 20768 | } | 26434 | } | |||
| 20769 | .team-member img { | 26435 | .team-member img { | |||
| 20770 | width: 100%; | 26436 | width: 100%; | |||
| 20771 | display: block; | 26437 | display: block; | |||
| 20772 | } | 26438 | } | |||
| 20773 | .team-member h5 { | 26439 | .team-member h5 { | |||
| 20774 | padding: 30px 0; | 26440 | padding: 30px 0; | |||
| 20775 | text-align: center; | 26441 | text-align: center; | |||
| 20776 | font-family: 'Oswald'; | 26442 | font-family: 'Oswald'; | |||
| 20777 | font-size: 16px; | 26443 | font-size: 16px; | |||
| 20778 | line-height: 1; | 26444 | line-height: 1; | |||
| 20779 | color: #111; | 26445 | color: #111; | |||
| 20780 | font-weight: 400; | 26446 | font-weight: 400; | |||
| 20781 | margin: 0; | 26447 | margin: 0; | |||
| 20782 | } | 26448 | } | |||
| 20783 | #member-slider-about .item { | 26449 | #member-slider-about .item { | |||
| 20784 | padding: 0 15px; | 26450 | padding: 0 15px; | |||
| 20785 | } | 26451 | } | |||
| 20786 | #member-slider-about { | 26452 | #member-slider-about { | |||
| 20787 | margin: 0 -15px; | 26453 | margin: 0 -15px; | |||
| 20788 | } | 26454 | } | |||
| 20789 | blockquote.testimonial { | 26455 | blockquote.testimonial { | |||
| 20790 | border: 0; | 26456 | border: 0; | |||
| 20791 | background-color: transparent !important; | 26457 | background-color: transparent !important; | |||
| 20792 | color: #62615e; | 26458 | color: #62615e; | |||
| 20793 | font-size: 14px; | 26459 | font-size: 14px; | |||
| 20794 | font-style: normal; | 26460 | font-style: normal; | |||
| 20795 | line-height: 24px; | 26461 | line-height: 24px; | |||
| 20796 | font-weight: 400; | 26462 | font-weight: 400; | |||
| 20797 | font-family: 'Open Sans'; | 26463 | font-family: 'Open Sans'; | |||
| 20798 | margin: 0; | 26464 | margin: 0; | |||
| 20799 | padding: 0 65px 0 0; | 26465 | padding: 0 65px 0 0; | |||
| 20800 | position: relative; | 26466 | position: relative; | |||
| 20801 | margin-left: 70px; | 26467 | margin-left: 70px; | |||
| 20802 | } | 26468 | } | |||
| 20803 | blockquote.testimonial p { | 26469 | blockquote.testimonial p { | |||
| 20804 | line-height: 2; | 26470 | line-height: 2; | |||
| 20805 | text-align: left; | 26471 | text-align: left; | |||
| 20806 | color: #555; | 26472 | color: #555; | |||
| 20807 | font-family: "Poppins"; | 26473 | font-family: "Poppins"; | |||
| 20808 | } | 26474 | } | |||
| 20809 | blockquote.testimonial:before { | 26475 | blockquote.testimonial:before { | |||
| 20810 | content: '"'; | 26476 | content: '"'; | |||
| 20811 | font-style: normal; | 26477 | font-style: normal; | |||
| 20812 | line-height: 1; | 26478 | line-height: 1; | |||
| 20813 | color: #21293c; | 26479 | color: #21293c; | |||
| 20814 | font-family: 'Open Sans'; | 26480 | font-family: 'Open Sans'; | |||
| 20815 | font-weight: 700; | 26481 | font-weight: 700; | |||
| 20816 | font-size: 23px; | 26482 | font-size: 23px; | |||
| 20817 | margin-right: 10px; | 26483 | margin-right: 10px; | |||
| 20818 | float: left; | 26484 | float: left; | |||
| 20819 | } | 26485 | } | |||
| 20820 | blockquote.testimonial .testimonial-author-detail { | 26486 | blockquote.testimonial .testimonial-author-detail { | |||
| 20821 | line-height: 1.5; | 26487 | line-height: 1.5; | |||
| 20822 | margin-top: 30px; | 26488 | margin-top: 30px; | |||
| 20823 | padding-left: 15px; | 26489 | padding-left: 15px; | |||
| 20824 | } | 26490 | } | |||
| 20825 | .testimonial-arrow-down { | 26491 | .testimonial-arrow-down { | |||
| 20826 | border:15px solid transparent; | 26492 | border:15px solid transparent; | |||
| 20827 | border-top-color:#08c; | 26493 | border-top-color:#08c; | |||
| 20828 | border-bottom:0; | 26494 | border-bottom:0; | |||
| 20829 | height:0; | 26495 | height:0; | |||
| 20830 | margin:0 0 0 25px; | 26496 | margin:0 0 0 25px; | |||
| 20831 | width:0; | 26497 | width:0; | |||
| 20832 | } | 26498 | } | |||
| 20833 | .testimonial-author { | 26499 | .testimonial-author { | |||
| 20834 | float: left; | 26500 | float: left; | |||
| 20835 | } | 26501 | } | |||
| 20836 | .testimonial-author .img-thumbnail { | 26502 | .testimonial-author .img-thumbnail { | |||
| 20837 | margin-right: 25px; | 26503 | margin-right: 25px; | |||
| 20838 | position: relative; | 26504 | position: relative; | |||
| 20839 | line-height: 1.5; | 26505 | line-height: 1.5; | |||
| 20840 | background-color: #fff; | 26506 | background-color: #fff; | |||
| 20841 | display: inline-block; | 26507 | display: inline-block; | |||
| 20842 | max-width: 100%; | 26508 | max-width: 100%; | |||
| 20843 | height: auto; | 26509 | height: auto; | |||
| 20844 | border-radius: 50% !important; | 26510 | border-radius: 50% !important; | |||
| 20845 | } | 26511 | } | |||
| 20846 | .testimonial-author .img-thumbnail img { | 26512 | .testimonial-author .img-thumbnail img { | |||
| 20847 | max-width:60px; | 26513 | max-width:60px; | |||
| 20848 | display:inline-block; | 26514 | display:inline-block; | |||
| 20849 | height:auto; | 26515 | height:auto; | |||
| 20850 | } | 26516 | } | |||
| 20851 | .testimonial-author-detail strong { | 26517 | .testimonial-author-detail strong { | |||
| 20852 | font-size: 16px; | 26518 | font-size: 16px; | |||
| 20853 | font-weight: 500; | 26519 | font-weight: 500; | |||
| 20854 | color: #282d3b; | 26520 | color: #282d3b; | |||
| 20855 | } | 26521 | } | |||
| 20856 | .testimonial-author-detail span { | 26522 | .testimonial-author-detail span { | |||
| 20857 | color:#7b858a; | 26523 | color:#7b858a; | |||
| 20858 | display:block; | 26524 | display:block; | |||
| 20859 | font-size:15px; | 26525 | font-size:15px; | |||
| 20860 | font-weight: 400; | 26526 | font-weight: 400; | |||
| 20861 | } | 26527 | } | |||
| 20862 | .owl-side-narrow { | 26528 | .owl-side-narrow { | |||
| 20863 | margin: 0 -10px; | 26529 | margin: 0 -10px; | |||
| 20864 | } | 26530 | } | |||
| 20865 | .owl-side-narrow .owl-controls .owl-buttons div { | 26531 | .owl-side-narrow .owl-controls .owl-buttons div { | |||
| 20866 | color: #c5c5c5; | 26532 | color: #c5c5c5; | |||
| 20867 | background: transparent; | 26533 | background: transparent; | |||
| 20868 | padding: 0; | 26534 | padding: 0; | |||
| 20869 | margin: 0; | 26535 | margin: 0; | |||
| 20870 | font-size: 24px; | 26536 | font-size: 24px; | |||
| 20871 | position: absolute; | 26537 | position: absolute; | |||
| 20872 | top: 50%; | 26538 | top: 50%; | |||
| 20873 | margin-top: -18px; | 26539 | margin-top: -18px; | |||
| 20874 | } | 26540 | } | |||
| 20875 | .owl-side-narrow .owl-controls .owl-buttons div.owl-prev { | 26541 | .owl-side-narrow .owl-controls .owl-buttons div.owl-prev { | |||
| 20876 | left: 0; | 26542 | left: 0; | |||
| 20877 | } | 26543 | } | |||
| 20878 | .owl-side-narrow .owl-controls .owl-buttons div.owl-prev i:before { | 26544 | .owl-side-narrow .owl-controls .owl-buttons div.owl-prev i:before { | |||
| 20879 | content: "\e829"; | 26545 | content: "\e829"; | |||
| 20880 | } | 26546 | } | |||
| 20881 | .owl-side-narrow .owl-controls .owl-buttons div.owl-next { | 26547 | .owl-side-narrow .owl-controls .owl-buttons div.owl-next { | |||
| 20882 | right: 0; | 26548 | right: 0; | |||
| 20883 | } | 26549 | } | |||
| 20884 | .owl-side-narrow .owl-controls .owl-buttons div.owl-next i:before { | 26550 | .owl-side-narrow .owl-controls .owl-buttons div.owl-next i:before { | |||
| 20885 | content: "\e828"; | 26551 | content: "\e828"; | |||
| 20886 | } | 26552 | } | |||
| 20887 | .owl-side-narrow .owl-carousel { | 26553 | .owl-side-narrow .owl-carousel { | |||
| 20888 | padding: 0 80px; | 26554 | padding: 0 80px; | |||
| 20889 | } | 26555 | } | |||
| 20890 | .owl-side-narrow .owl-carousel .owl-item.loading { | 26556 | .owl-side-narrow .owl-carousel .owl-item.loading { | |||
| 20891 | min-height: 60px; | 26557 | min-height: 60px; | |||
| 20892 | } | 26558 | } | |||
| 20893 | .owl-side-narrow .owl-controls { | 26559 | .owl-side-narrow .owl-controls { | |||
| 20894 | margin: 0; | 26560 | margin: 0; | |||
| 20895 | } | 26561 | } | |||
| 20896 | #brands-slider-about img { | 26562 | #brands-slider-about img { | |||
| 20897 | opacity: 0.5; | 26563 | opacity: 0.5; | |||
| 20898 | } | 26564 | } | |||
| 20899 | </style>]]> | 26565 | </style>]]> | |||
| 20900 | </content> | 26566 | </content> | |||
| 20901 | 26567 | |||||
| 20902 | <is_active> | 26568 | <is_active> | |||
| 20903 | 1 | 26569 | 1 | |||
| 20904 | </is_active> | 26570 | </is_active> | |||
| 20905 | 26571 | |||||
| 20906 | <page_layout> | 26572 | <page_layout> | |||
| 20907 | 1column | 26573 | 1column | |||
| 20908 | </page_layout> | 26574 | </page_layout> | |||
| 20909 | 26575 | |||||
| 20910 | <layout_update_xml> | 26576 | <layout_update_xml> | |||
| 20911 | <![CDATA[]]> | 26577 | <![CDATA[]]> | |||
| 20912 | </layout_update_xml> | 26578 | </layout_update_xml> | |||
| 20913 | 26579 | |||||
| 20914 | </cms_item> | 26580 | </cms_item> | |||
| 20915 | 26581 | |||||
| 20916 | <cms_item> | 26582 | <cms_item> | |||
| 20917 | 26583 | |||||
| 20918 | <title> | 26584 | <title> | |||
| 20919 | Porto - About Us 20 | 26585 | Porto - About Us 20 | |||
| 20920 | </title> | 26586 | </title> | |||
| 20921 | 26587 | |||||
| 20922 | <identifier> | 26588 | <identifier> | |||
| 20923 | about-porto-20 | 26589 | about-porto-20 | |||
| 20924 | </identifier> | 26590 | </identifier> | |||
| 20925 | 26591 | |||||
| 20926 | <content> | 26592 | <content> | |||
| 20927 | <![CDATA[<style type="text/css"> | 26593 | <![CDATA[<style type="text/css"> | |||
| 20928 | .page-header.type13.header-newskin { | 26594 | .page-header.type13.header-newskin { | |||
| 20929 | background-color: transparent; | 26595 | background-color: transparent; | |||
| 20930 | position: absolute; | 26596 | position: absolute; | |||
| 20931 | width: 100%; | 26597 | width: 100%; | |||
| 20932 | left: 0; | 26598 | left: 0; | |||
| 20933 | top: 0; | 26599 | top: 0; | |||
| 20934 | } | 26600 | } | |||
| 20935 | .page-wrapper > .breadcrumbs { | 26601 | .page-wrapper > .breadcrumbs { | |||
| 20936 | display: none; | 26602 | display: none; | |||
| 20937 | } | 26603 | } | |||
| 20938 | </style>]]> | 26604 | </style>]]> | |||
| 20939 | </content> | 26605 | </content> | |||
| 20940 | 26606 | |||||
| 20941 | <is_active> | 26607 | <is_active> | |||
| 20942 | 1 | 26608 | 1 | |||
| 20943 | </is_active> | 26609 | </is_active> | |||
| 20944 | 26610 | |||||
| 20945 | <page_layout> | 26611 | <page_layout> | |||
| 20946 | 1column | 26612 | 1column | |||
| 20947 | </page_layout> | 26613 | </page_layout> | |||
| 20948 | 26614 | |||||
| 20949 | <layout_update_xml> | 26615 | <layout_update_xml> | |||
| 20950 | <![CDATA[<referenceContainer name="page.top"> | 26616 | <![CDATA[<referenceContainer name="page.top"> | |||
| 20951 | <block class="Magento\Cms\Block\Block" name="top_banner"> | 26617 | <block class="Magento\Cms\Block\Block" name="top_banner"> | |||
| 20952 | <arguments> | 26618 | <arguments> | |||
| 20953 | <argument name="block_id" xsi:type="string">porto_about_us_20_top_block</argument> | 26619 | <argument name="block_id" xsi:type="string">porto_about_us_20_top_block</argument> | |||
| 20954 | </arguments> | 26620 | </arguments> | |||
| 20955 | </block> | 26621 | </block> | |||
| 20956 | </referenceContainer>]]> | 26622 | </referenceContainer>]]> | |||
| 20957 | </layout_update_xml> | 26623 | </layout_update_xml> | |||
| 20958 | 26624 | |||||
| 20959 | </cms_item> | 26625 | </cms_item> | |||
| 20960 | 26626 | |||||
| 20961 | <cms_item> | 26627 | <cms_item> | |||
| 20962 | 26628 | |||||
| 20963 | <title> | 26629 | <title> | |||
| 20964 | 404 Not Found 2 | 26630 | 404 Not Found 2 | |||
| 20965 | </title> | 26631 | </title> | |||
| 20966 | 26632 | |||||
| 20967 | <identifier> | 26633 | <identifier> | |||
| 20968 | no-route-2 | 26634 | no-route-2 | |||
| 20969 | </identifier> | 26635 | </identifier> | |||
| 20970 | 26636 | |||||
| 20971 | <content> | 26637 | <content> | |||
| 20972 | <![CDATA[<h1 style="text-align:center;margin: 20px 0; font-size: 70px;margin-top:70px"><span style="display: inline-block;vertical-align:middle;">404</span><i class="porto-icon-doc" style="display: inline-block;vertical-align:middle;"></i></h1> | 26638 | <![CDATA[<h1 style="text-align:center;margin: 20px 0; font-size: 70px;margin-top:70px"><span style="display: inline-block;vertical-align:middle;">404</span><i class="porto-icon-doc" style="display: inline-block;vertical-align:middle;"></i></h1> | |||
| 20973 | <p style="text-align:center; font-size: 15px;">You might want to check that URL again or head over to our <a href="{{config path="web/unsecure/base_url"}}">homepage.</a></p>]]> | 26639 | <p style="text-align:center; font-size: 15px;">You might want to check that URL again or head over to our <a href="{{config path="web/unsecure/base_url"}}">homepage.</a></p>]]> | |||
| 20974 | </content> | 26640 | </content> | |||
| 20975 | 26641 | |||||
| 20976 | <is_active> | 26642 | <is_active> | |||
| 20977 | 1 | 26643 | 1 | |||
| 20978 | </is_active> | 26644 | </is_active> | |||
| 20979 | 26645 | |||||
| 20980 | <page_layout> | 26646 | <page_layout> | |||
| 20981 | 1column | 26647 | 1column | |||
| 20982 | </page_layout> | 26648 | </page_layout> | |||
| 20983 | 26649 | |||||
| 20984 | <layout_update_xml> | 26650 | <layout_update_xml> | |||
| 20985 | <![CDATA[]]> | 26651 | <![CDATA[]]> | |||
| 20986 | </layout_update_xml> | 26652 | </layout_update_xml> | |||
| 20987 | 26653 | |||||
| 20988 | </cms_item> | 26654 | </cms_item> | |||
| 20989 | 26655 | |||||
| 20990 | </pages> | 26656 | </pages> | |||
| 20991 | </root> | 26657 | </root> |
Araxis Merge (but not the data content of this report) is Copyright © 1993–2019 Araxis Ltd (www.araxis.com). All rights reserved.